/* TOOLAOUD_CSS_VERSION_CHECK_20240607 */
/* --- Üldine --- */
body {
    background: #f4f6fa;
    font-family: 'Segoe UI', 'Arial', sans-serif;
    color: #232323;
}

.toolaud-wrapper {
    display: flex;
    flex-direction: column; /* Default to column for mobile */
    min-height: 100vh;
}

@media (min-width: 768px) {
    .toolaud-wrapper {
        flex-direction: row; /* Row for desktop */
    }
}

/* --- Menüü küljeriba --- */
.toolaud-menu {
    width: 260px;
    min-height: 100vh;
    background: #ffffff;
    border-radius: 16px 0 0 16px;
    box-shadow: 2px 0 16px rgba(0,0,0,0.06);
    padding: 40px 0 40px 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: sticky;
    top: 0;
}

.toolaud-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.toolaud-menu li {
    margin: 0;
    padding: 0;
}

.toolaud-menu li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 32px;
    color: #232323;
    text-decoration: none;
    font-size: 1.08em;
    font-weight: 500;
    border-left: 4px solid transparent;
    transition: all 0.2s;
    letter-spacing: 0.02em;
}

.toolaud-menu li a .dashicons {
    color: #e94b4b;
    transition: color 0.2s;
}

.toolaud-menu li a:hover {
    background: #ffeaea;
    color: #e94b4b;
    border-left: 4px solid #e94b4b;
}

.toolaud-menu li a:hover .dashicons {
    color: #e94b4b;
}

.toolaud-menu li.active a {
    background: #e94b4b;
    color: #fff;
    border-left: 4px solid #e94b4b;
}

.toolaud-menu li.active a .dashicons {
    color: #fff;
}

/* --- Sisu --- */
.toolaud-main-content {
    flex: 1;
    min-width: 0;
    padding: 40px 40px 40px 40px;
    background: #f4f6fa;
    border-radius: 0 16px 16px 0;
    box-shadow: 0 2px 16px rgba(0,0,0,0.04);
}

.toolaud-container, .statistika-container, .seaded-container, .paringud-container {
    background: #fff;
    padding: 32px 10px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin-bottom: 32px;
}

.toolaud-header {
    margin-bottom: 30px;
}

.toolaud-header h1 {
    font-size: 2.2em;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #232323;
    letter-spacing: 0.01em;
}

.toolaud-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.toolaud-stats {
    max-width: none;
    margin: 0 0 32px 0;
}

.toolaud-inquiries {
    margin: 0;
}

.toolaud-main-content > .statistika-container:first-child {
    display: block;
    gap: 0;
}

.statistika-row {
    display: block;
    gap: 0;
}

.statistika-item {
    margin-bottom: 20px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    flex: none;
    width: 100%;
    box-sizing: border-box;
    min-width: auto;
}

.statistika-item:last-child {
    margin-bottom: 0;
}

.statistika-row:first-child .statistika-item,
.statistika-row:nth-child(2) .statistika-item,
.statistika-row:last-child .statistika-item {
    flex: none;
    width: 100%;
}

.statistika-item h3 {
    margin: 0 0 15px 0;
    color: #232323;
    font-size: 1.2em;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.statistika-item p {
    font-size: 1.1em;
    color: #232323;
    margin: 0;
    line-height: 1.4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.statistika-item p .stat-number {
    font-size: 1.8em;
    font-weight: 700;
    color: #e94b4b; /* Red color for numbers */
    margin-left: 15px;
}

.toolaud-stats {
    /* Olemasolevad stiilid, vajadusel kohendada */
}

.toolaud-inquiries {
    /* Olemasolevad stiilid, vajadusel kohendada */
}

.button, button, input[type="submit"] {
    margin-top: 16px;
    width: fit-content;
    min-width: 220px;
    text-align: center;
}

h2, h3, h4 {
    color: #1a1a1a;
    font-weight: 600;
    letter-spacing: 0.01em;
}

@media (max-width: 900px) {
    .toolaud-wrapper {
        flex-direction: column;
    }
    .toolaud-hamburger {
        display: block !important;
    }
    .toolaud-menu {
        position: fixed !important;
        left: -100vw !important;
        top: 0;
        width: 80vw;
        max-width: 320px;
        height: 100vh;
        z-index: 1000;
        transition: left 0.3s;
        box-shadow: 2px 0 16px rgba(0,0,0,0.12);
        border-radius: 0 16px 16px 0;
        padding-top: 60px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }
    .toolaud-menu.open {
        left: 0 !important;
    }
    .toolaud-logo img {
        max-width: 90px !important;
    }
    .toolaud-menu ul {
        flex-direction: column !important;
        width: 100%;
        justify-content: flex-start;
    }
    .toolaud-menu li a {
        padding: 18px 18px !important;
        font-size: 1.1em;
        border-radius: 0;
        margin-bottom: 6px;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        border-left: 4px solid transparent !important;
    }
    .toolaud-menu li a:hover {
        border-left: 4px solid #e94b4b !important;
    }
    .toolaud-menu li.active a {
        border-left: 4px solid #e94b4b !important;
    }
    .toolaud-tervitus {
        font-size: 1em;
        margin-bottom: 18px;
    }
    body.toolaud-menu-open {
        overflow: hidden;
    }
    .toolaud-main-content {
        padding: 20px 8px;
        border-radius: 0 0 16px 16px;
    }
    .toolaud-content {
        gap: 20px;
    }
    .toolaud-stats, .toolaud-inquiries {
        margin: 0;
        max-width: 100%;
    }
}

/* --- Nupud --- */
button, .button, input[type="submit"] {
    background: #e94b4b;
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: background 0.2s;
}
button:hover, .button:hover, input[type="submit"]:hover {
    background: #c93c3c;
}

/* --- Vormid --- */
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1em;
    margin-bottom: 8px;
}

.form-group label {
    color: #232323;
    font-weight: 500;
    margin-bottom: 4px;
    display: block; /* Tee sildist block element, et see oleks oma real */
}

/* --- Päringud --- */
.paring-item {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    background: #fafbfc;
}

.paring-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.paring-date {
    color: #e94b4b;
    font-size: 0.95em;
    font-weight: 500;
}

.paring-actions textarea {
    width: 100%;
    min-height: 100px;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.paring-answer {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

/* Päringute filtrite stiilid */
.paringud-filters {
    margin-bottom: 30px; /* Suurem vahe filtri ja päringute nimekirja vahel */
    padding: 15px 20px; /* Lisame polstrit */
    background-color: #f8f9fa; /* Heledam taust */
    border-radius: 8px; /* Ümardatud nurgad */
    border: 1px solid #e9ecef; /* Peenike äär */
}

.paringud-search-form {
    display: flex;
    gap: 15px; /* Suurem vahe elementide vahel */
    align-items: center; /* Vertikaalne joondamine */
    margin-bottom: 0; /* Eemalda alumine marginaal vormist endast */
    flex-wrap: wrap; /* Luba elementidel reavahetus mobiilis */
}

.paringud-search-form input[type="text"]{
    flex: 1 1 150px; /* Lase tekstiväljal painduda, minimaalne laius 150px */
    padding: 10px 12px; /* Polster veidi suurem */
    border: 1px solid #ced4da; /* Hallim äär */
    border-radius: 4px; /* Ümardatud nurgad */
    font-size: 1em; /* Normaalne fondi suurus */
}

.paringud-search-form select {
    padding: 10px 12px; /* Polster veidi suurem */
    border: 1px solid #ced4da; /* Hallim äär */
    border-radius: 4px; /* Ümardatud nurgad */
    font-size: 1em; /* Normaalne fondi suurus */
    flex: 0 0 auto; /* Ära lase valikul painduda */
    min-width: 150px; /* Minimaalne laius, et tekst sisse mahuks */
}

.paringud-search-form button {
    padding: 8px 16px; /* Väiksem polster */
    background-color: #7b8de1; /* Sinine nupp */
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600; /* Paksem kiri */
    transition: background-color 0.2s ease;
    flex: 0 0 auto; /* Ära lase nupul painduda */
}

.paringud-search-form button:hover {
    background-color: #c93c3c; /* Tumepunane hoveril */
}

/* Mobiilivaade filtrite jaoks */
@media (max-width: 768px) {
    .paringud-search-form {
        flex-direction: column;
        gap: 10px; /* Väiksem vahe mobiilis */
    }

    .paringud-search-form input[type="text"],
    .paringud-search-form select,
    .paringud-search-form button {
        width: 100%; /* Täislaius mobiilis */
        box-sizing: border-box; /* Polster ja äär ei suurenda elementi */
        flex: 0 0 auto; /* Mobiilis painduvuseta */
    }
}

.toolaud-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 32px;
    padding-top: 8px;
    background: none;
}
.toolaud-logo img {
    max-width: 180px;
    height: auto;
    display: block;
}

.auto-staatus.staatus-aktiivne { color: #1bbf3a; font-weight: 600; background: #eafbe9; border-radius: 4px; padding: 2px 10px; margin-right: 8px; }
.auto-staatus.staatus-mitteaktiivne { color: #e94b4b; font-weight: 600; background: #ffeaea; border-radius: 4px; padding: 2px 10px; margin-right: 8px; }

.toolaud-tervitus { text-align: center; font-size: 1.1em; font-weight: 600; color: #232323; margin-bottom: 12px; margin-top: 8px; }

/* Hamburger menüü nupp mobiilis */
.toolaud-hamburger {
    display: none; /* Hide on desktop */
    background: none; /* Eemaldame vaikimisi tausta */
    border: none;
    color: #e94b4b; /* Red color for hamburger icon (this might be overridden by .dashicons color) */
    font-size: 30px; /* This might affect the icon size, but .dashicons font-size is more specific */
    cursor: pointer;
    padding: 0; /* Eemaldame vaikimisi polsterduse, et kontrollida suurust paremini */
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1001;
    height: 40px; /* Määrame kindla kõrguse */
    width: 40px; /* Määrame kindla laiuse */
    display: flex; /* Kasutame flexboxi sisu tsentreerimiseks */
    justify-content: center; /* Tsentreerime horisontaalselt */
    align-items: center; /* Tsentreerime vertikaalselt */
    transition: background-color 0.3s ease, border-radius 0.3s ease; /* Lisame sujuva ülemineku */
    border-radius: 4px; /* Lisame nupule vaikimisi veidi ümarust */
    box-sizing: border-box; /* Ensure padding is included in size */
}

/* Hamburger icon style */
.toolaud-hamburger .dashicons {
    color: #e94b4b !important; /* Ikooni värv (kasutame !important, et kindel olla) */
    font-size: 30px !important; /* Ikooni suurus (kasutame !important, et kindel olla) */
    width: auto !important; /* Lase ikoonil võtta oma laius */
    height: auto !important; /* Lase ikoonil võtta oma kõrgus */
    line-height: normal !important; /* Taasta normaalne line-height */
}

/* Hamburger button hover effect */
.toolaud-hamburger:hover {
    background-color: rgba(233, 75, 75, 0.1); /* Õrn punane taust hoveril */
    /* border-radius on juba määratud vaikimisi */
}

/* Show hamburger on mobile */
@media (max-width: 900px) {
    .toolaud-hamburger {
        display: flex !important; /* Show on mobile using flex */
    }
    /* Peidame span elementide stiilid, mis olid joonte jaoks (need peaksid nüüd ebavajalikud olema, aga igaks juhuks) */
    .toolaud-hamburger span:not(.dashicons) {
        display: none !important;
    }
    .toolaud-logo img {
        max-width: 90px !important;
    }
    .toolaud-menu ul {
        flex-direction: column !important;
        width: 100%;
        justify-content: flex-start;
    }
    .toolaud-menu li a {
        padding: 18px 18px !important;
        font-size: 1.1em;
        border-radius: 0;
        margin-bottom: 6px;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        border-left: 4px solid transparent !important;
    }
    .toolaud-menu li a:hover {
        border-left: 4px solid #e94b4b !important;
    }
    .toolaud-menu li.active a {
        border-left: 4px solid #e94b4b !important;
    }
    .toolaud-tervitus {
        font-size: 1em;
        margin-bottom: 18px;
    }
    body.toolaud-menu-open {
        overflow: hidden;
    }
    .toolaud-main-content {
        padding: 20px 8px;
        border-radius: 0 0 16px 16px;
    }
    .toolaud-content {
        gap: 20px;
    }
    .toolaud-stats, .toolaud-inquiries {
        margin: 0;
        max-width: 100%;
    }
}

/* Desktop layout styles */
@media (min-width: 901px) { /* Changed from 768px to 901px to match mobile max-width */
    .toolaud-sidebar {
        width: 260px; /* Fixed width for desktop sidebar */
        min-height: 100vh; /* Make sidebar at least full height */
    }
    .toolaud-hamburger {
        display: none !important; /* Hide hamburger on desktop */
    }
    .toolaud-menu {
        position: static; /* Reset position for desktop */
        width: 260px; /* Ensure desktop width */
        min-height: 100vh;
        background: #ffffff;
        border-radius: 16px 0 0 16px;
        box-shadow: 2px 0 16px rgba(0,0,0,0.06);
        padding: 40px 0; /* Reset padding */
        display: flex; /* Use flexbox */
        flex-direction: column;
        align-items: stretch;
        left: auto; /* Reset left property */
    }
    .toolaud-menu-list {
        display: block !important; /* Always show menu list on desktop */
    }
    .toolaud-content {
        flex-grow: 1;
        padding: 40px; /* Desktop padding */
        background-color: #f4f6fa;
        border-radius: 0 16px 16px 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
}

/* Menu list - initially hidden on mobile */
.toolaud-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* Hidden by default on mobile */
}

.toolaud-sidebar.open .toolaud-menu-list {
    display: block; /* Show when menu is open */
}

/* Logo in sidebar */
.toolaud-logo {
    text-align: center;
    margin-bottom: 20px;
}

.toolaud-logo img {
    max-width: 100%;
    height: auto;
}

/* User greeting in sidebar */
.toolaud-user-greeting {
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    color: #232323; /* Dark color for greeting on white background */
}

.toolaud-menu-list li {
    margin-bottom: 10px;
}

.toolaud-menu-list a {
    text-decoration: none;
    color: #232323; /* Default text color for menu items */
    font-size: 18px;
    display: block;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.toolaud-menu-list a:hover {
    background-color: #f0f0f0; /* Light hover background */
    color: #e94b4b; /* Red text on hover */
}

.toolaud-menu-list a.active {
    background-color: #e94b4b; /* Red background for active item */
    color: #fff; /* White text for active item */
}

/* Main content area */
.toolaud-content {
    flex-grow: 1;
    padding: 20px;
    background-color: #f4f4f4; /* Light background for content */
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* Changed to column for vertical stacking */
}

/* Media query for desktop layout */
@media (min-width: 768px) {
    .toolaud-sidebar {
        width: 250px; /* Fixed width for desktop sidebar */
    }
    .toolaud-hamburger {
        display: none; /* Hide hamburger on desktop */
    }
    .toolaud-menu-list {
        display: block; /* Always show menu list on desktop */
    }
    .toolaud-content {
        flex-direction: column; /* Ensure vertical stacking on desktop too */
    }
}

/* --- Dashboard Specific Styles --- */
.dashboard-stats, .dashboard-inquiries {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px; /* Add space between sections */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dashboard-stats h3, .dashboard-inquiries h3 {
    color: #333;
    margin-top: 0;
}

/* --- Päringud Specific Styles --- */
.paringud-list ul {
    list-style: none;
    padding: 0;
}

.paringud-list li {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-left: 5px solid;
    position: relative;
}

.paringud-list li.status-uus {
    border-left-color: #e94b4b; /* Red for new */
}

.paringud-list li.status-vastatud {
    border-left-color: #4CAF50; /* Green for answered */
}

.paringud-list li.status-arhiivis {
    border-left-color: #a0a0a0; /* Gray for archived */
}

.paringud-list li h4 {
    margin-top: 0;
    color: #333;
}

.paringud-list li small {
    color: #666;
}

.paringud-list li .actions {
    margin-top: 10px;
}

.paringud-list li .actions a, .paringud-list li .actions button {
    margin-right: 10px;
    padding: 8px 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.paringud-list li .actions a.view-details, .paringud-list li .actions button.view-details {
    background-color: #e94b4b; /* Red button */
    color: white;
}

.paringud-list li .actions a.view-details:hover, .paringud-list li .actions button.view-details:hover {
     background-color: #d03a3a; /* Darker red on hover */
}

.paring-detail {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.paring-detail h3 {
    margin-top: 0;
    color: #333;
}

.paring-detail p {
    margin-bottom: 10px;
    color: #555;
}

.paring-detail .actions a, .paring-detail .actions button {
    margin-right: 10px;
    padding: 8px 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.paring-detail .actions button[name="save_reply"] {
    background-color: #4CAF50; /* Green for Save Reply */
    color: white;
}

.paring-detail .actions button[name="save_reply"]:hover {
     background-color: #45a049; /* Darker green on hover */
}

.paring-detail .actions button[name="archive_inquiry"] {
    background-color: #a0a0a0; /* Gray for Archive */
    color: white;
}

.paring-detail .actions button[name="archive_inquiry"]:hover {
    background-color: #8d8d8d; /* Darker gray on hover */
}

.paring-detail .actions button[name="delete_inquiry"] {
    background-color: #e94b4b; /* Red for Delete */
    color: white;
}

.paring-detail .actions button[name="delete_inquiry"]:hover {
    background-color: #d03a3a; /* Darker red on hover */
}

.status-filter form {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.status-filter input[type="text"] {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    flex-grow: 1; /* Allow text field to grow */
    max-width: 300px; /* Limit max width */
}

.status-filter button[type="submit"] {
    padding: 8px 15px;
    background-color: #e94b4b; /* Red button */
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex-shrink: 0; /* Prevent button from shrinking */
}

.status-filter button[type="submit"]:hover {
    background-color: #d03a3a; /* Darker red on hover */
}

.status-filter select {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Arhiivitud teksti värv listis */
.auto-staatus.staatus-mitteaktiivne {
    color: #232323; /* Dark color for inactive status */
}

/* Päringute statistika stiil */
.statistika-item {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.statistika-item p {
    margin: 5px 0;
    color: #333;
}

.statistika-item p .stat-number {
    font-size: 1.8em;
    font-weight: 700;
    color: #e94b4b; /* Red color for numbers */
    margin-left: 15px;
}

/* --- Autod Esileht Specific Styles --- */
.autod-esileht-grid {
    display: grid;
    grid-template-columns: repeat(1 1fr); /* 3 veergu lauaarvutis */
    gap: 20px;
    padding: 20px;
}

@media (max-width: 900px) {
    .autod-esileht-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Tagasi responsive lauaarvutile väiksemal ekraanil */
    }
}

.auto-kaart {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden; /* Hide overflow for rounded corners */
    display: flex; /* Kasutan flexboxi pilt-info paigutuseks */
    flex-direction: column; /* Vaikimisi veerus mobiilis */
}

@media (min-width: 768px) {
    .auto-kaart {
        flex-direction: row; /* Reas suurematel ekraanidel */
    }
    .auto-kaart .auto-pilt {
        flex: 0 0 250px; /* Määratud laius pildile */
    }
    .auto-kaart .auto-info {
        flex-grow: 1; /* Lase info blokil ülejäänud ruum võtta */
        padding-left: 20px; /* Lisa ruumi pildi ja info vahele */
    }
}

.auto-kaart .auto-pilt img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px; /* Added rounded corners here */
    max-width: 250px; /* Vähendatud laius */
}

.auto-kaart .auto-info {
    padding: 15px;
}

.auto-kaart h3 {
    margin-top: 0;
    color: #333;
}

.auto-kaart .auto-meta span {
    display: inline-block;
    margin-right: 10px;
    color: #666;
}

.auto-kaart .auto-kirjeldus {
    margin-top: 10px;
    color: #555;
    font-size: 0.9em;
}

.auto-kaart .vaata-varuosi-btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #e94b4b; /* Red button */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}

.auto-kaart .vaata-varuosi-btn:hover {
    background-color: #d03a3a; /* Darker red on hover */
}

.auto-varuosad h4 {
    margin-top: 15px;
    color: #333;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.auto-varuosad ul {
    list-style: disc inside;
    padding-left: 0;
}

.auto-varuosad li {
    margin-bottom: 10px;
    color: #555;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.auto-varuosad li:last-child {
    border-bottom: none;
}

.auto-varuosad li strong {
    color: #333;
}

.varuosa-sharing {
    margin-top: 10px;
    display: flex; /* Use flexbox for sharing buttons */
    align-items: center;
    gap: 10px; /* Space between buttons */
}

.share-button, .copy-link-button {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.9em;
    transition: background-color 0.3s ease;
    display: inline-flex; /* Use inline-flex for vertical alignment */
    align-items: center;
    justify-content: center;
    height: 35px; /* Fixed height for alignment */
    box-sizing: border-box;
}

.facebook-share {
    background-color: #3b5998; /* Facebook blue */
    color: white;
}

.facebook-share:hover {
    background-color: #2d4373; /* Darker blue on hover */
}

.copy-link-button {
    background-color: #e94b4b; /* Red for Copy Link */
    color: white;
}

.copy-link-button:hover {
    background-color: #d03a3a; /* Darker red on hover */
}

/* --- Autod Specific Styles --- */
.autod-container form {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 15px; /* Space between form elements */
}

.autod-container form input[type="text"], 
.autod-container form input[type="number"], 
.autod-container form textarea,
.autod-container form select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Include padding in element's total width */
}

.autod-container form label {
    font-weight: bold;
    display: block; /* Ensure labels are on their own line */
    margin-bottom: 5px;
    color: #333;
}

.autod-container form input[type="file"] {
    padding: 10px 0; /* Add some vertical padding for file input */
}

.autod-container form button[type="submit"] {
    display: inline-block; /* Allow buttons to be side-by-side if needed */
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-right: 10px; /* Space between buttons */
}

.autod-container form button[name="add_auto"],
.autod-container form button[name="save_auto"] {
    background-color: #4CAF50; /* Green for Add/Save */
    color: white;
}

.autod-container form button[name="add_auto"]:hover,
.autod-container form button[name="save_auto"]:hover {
    background-color: #45a049; /* Darker green on hover */
}

.autod-container form button[name="delete_auto"] {
    background-color: #e94b4b; /* Red for Delete */
    color: white;
}

.autod-container form button[name="delete_auto"]:hover {
    background-color: #d03a3a; /* Darker red on hover */
}

.autod-container form button[name="add_varuosa"] {
    background-color: #3b5998; /* Blue for Add Varuosa */
    color: white;
}

.autod-container form button[name="add_varuosa"]:hover {
    background-color: #2d4373; /* Darker blue on hover */
}

.autod-container form button[name="delete_varuosa"] {
     background-color: #e94b4b; /* Red for Delete Varuosa */
     color: white;
}

.autod-container form button[name="delete_varuosa"]:hover {
     background-color: #d03a3a; /* Darker red on hover */
}

.autod-list li {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #e94b4b; /* Red border for list items */
}

.autod-list li strong {
    color: #333;
}

.autod-list li small {
    color: #666;
}

.autod-list li a {
    margin-left: 10px;
    color: #e94b4b; /* Red link color */
    text-decoration: none;
}

.autod-list li a:hover {
    text-decoration: underline;
}

.auto-staatus {
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 4px;
    margin-right: 10px;
}

.auto-staatus.staatus-aktiivne {
    background-color: #4CAF50; /* Green background */
    color: white;
}

.auto-staatus.staatus-mitteaktiivne {
    background-color: #a0a0a0; /* Gray background */
    color: white; /* White text for better contrast on gray */
}

.varuosad-list li {
    background-color: #f9f9f9; /* Slightly lighter background for varuosa list items */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.varuosad-list li strong {
    color: #333;
}

.varuosad-list li button {
    margin-left: 10px;
}

.autod-pildid img {
    margin-right: 10px;
    border-radius: 5px; /* Slightly rounded corners for edit form images */
    border: 1px solid #eee;
}

.autod-pilt-preview {
    position: relative;
    display: inline-block;
    margin-right: 15px; /* Ruumi piltide vahel */
    margin-bottom: 15px; /* Ruumi all */
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 5px;
    display: flex; /* Kasutame flexboxi */
    flex-direction: column; /* Virnastame elemendid vertikaalselt */
    align-items: center; /* Joondame elemendid keskele horisontaalselt */
}

.autod-pilt-preview button {
    position: static; /* Eemaldame absoluutse positsioneerimise */
    background-color: #e94b4b; /* Punane */
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 10px; /* Lisame ruumi pildi ja nupu vahele */
    border-radius: 4px; /* Teeme nurgad veidi kandilisemaks */
    width: auto; /* Lase nupul võtta sisu laius */
    height: auto; /* Lase nupul võtta sisu kõrgus */
    padding: 5px 10px; /* Väiksem polster nupul */
    opacity: 1; /* Eemaldame läbipaistvuse */
    transition: opacity 0.2s;
}

.autod-pilt-preview button:hover {
    opacity: 0.8;
}

.autod-list li {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #e94b4b; /* Red border for list items */
}

.autod-list li strong {
    color: #333;
}

.autod-list li small {
    color: #666;
}

.autod-list li a {
    margin-left: 10px;
    color: #e94b4b; /* Red link color */
    text-decoration: none;
}

.autod-list li a:hover {
    text-decoration: underline;
}

.paging-navigation {
    margin-top: 20px;
}

.paging-navigation .nav-links {
    display: flex;
    gap: 10px;
}

.paging-navigation .nav-links .page-numbers {
    text-decoration: none;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #e94b4b;
}

.paging-navigation .nav-links .page-numbers.current {
    background-color: #e94b4b;
    color: white;
    border-color: #e94b4b;
}

.paging-navigation .nav-links .page-numbers:hover {
    background-color: #ffeaea;
}

/* Uued stiilid päringute nimekirjale */
.paringud-list .paring-item.summary-item {
    display: flex; /* Kasuta flexboxi */
    justify-content: space-between; /* Jaota ruum elementide vahel */
    align-items: center; /* Joonda vertikaalselt */
    flex-wrap: wrap; /* Luba elementidel reavahetus */
    border-left: 5px solid; /* Hoia vasak äär */
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    background-color: #fff; /* Valge taust */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.paringud-list .paring-item.summary-item.status-new {
    border-left-color: #e94b4b; /* Punane uus */
}

.paringud-list .paring-item.summary-item.status-answered {
    border-left-color: #4CAF50; /* Roheline vastatud */
}

.paringud-list .paring-item.summary-item.status-archived {
    border-left-color: #a0a0a0; /* Hall arhiivis */
}

.paringud-list .summary-details {
    flex-grow: 1; /* Lase detailidel võtta nii palju ruumi kui vaja */
    margin-right: 20px; /* Ruumi nupu ja detailide vahel */
}

.paringud-list .summary-details h3 {
    margin-top: 0; /* Eemalda ülemine marginaal */
    margin-bottom: 5px; /* Väike vahe pealkirja ja staatuse/kuupäeva vahel */
    color: #333; /* Tume pealkiri */
}

.paringud-list .summary-details .paring-date,
.paringud-list .summary-details .paring-status-text {
    font-size: 0.9em; /* Väiksem fondi suurus */
    color: #666; /* Hallikas tekst */
    margin-right: 10px; /* Ruumi kuupäeva ja staatuse vahel */
}

.paringud-list .summary-details .paring-status-text.status-new {
    color: #e94b4b; /* Punane uus staatus */
    font-weight: bold;
}

.paringud-list .summary-details .paring-status-text.status-answered {
    color: #4CAF50; /* Roheline vastatud staatus */
    font-weight: bold;
}

.paringud-list .summary-details .paring-status-text.status-archived {
    color: #a0a0a0; /* Hall arhiivis staatus */
    font-weight: bold;
}

.paringud-list .summary-actions {
    flex-shrink: 0; /* Ära lase nupul kokku tõmbuda */
}

.paringud-list .summary-actions .view-details-button {
    display: inline-block; /* Hoia nupp reas */
    padding: 8px 12px; /* Polster nupul */
    background-color: #e94b4b; /* Punane taust */
    color: white; /* Valge tekst */
    border: none; /* Ära ilma äär */
    border-radius: 4px; /* Ümarad nurgad */
    cursor: pointer; /* Kursori muutus */
    text-decoration: none; /* Eemalda alljoon */
    font-size: 0.95em; /* Fondi suurus */
    transition: background-color 0.3s ease; /* Sujuv üleminek hoveril */
}

.paringud-list .summary-actions .view-details-button:hover {
    background-color: #d03a3a; /* Tumepunane hoveril */
}

/* Mobiilivaade päringute nimekirjale */
@media (max-width: 768px) {
    .paringud-list .paring-item.summary-item {
        flex-direction: column; /* Virnasta elemendid mobiilis */
        align-items: flex-start; /* Joonda vasakule */
    }
    .paringud-list .summary-details {
        margin-right: 0; /* Eemalda parem marginaal */
        margin-bottom: 10px; /* Lisa alumine marginaal */
    }
    .paringud-list .summary-actions .view-details-button {
        width: 100%; /* Täislaius mobiilis */
        text-align: center; /* Keskel tekst */
        box-sizing: border-box; /* Arvesta polster laiusse */
    }
    .paringud-list .summary-details .paring-date,
    .paringud-list .summary-details .paring-status-text {
        display: block; /* Aseta kuupäev ja staatus eraldi ridadele */
        margin-right: 0; /* Eemalda parem marginaal */
        margin-bottom: 5px; /* Lisa alumine marginaal nende vahel */
    }
}

/* Uued stiilid seadete vormile */
.seaded-container form {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 15px; /* Ruumi vormielementide vahel */
}

.seaded-container .form-group {
    margin-bottom: 0; /* Eemalda vaikimisi marginaal */
}

.seaded-container label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #333;
}

.seaded-container input[type="email"],
.seaded-container input[type="text"],
.seaded-container input[type="password"],
.seaded-container input[type="tel"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Kaasa polster laiusesse */
}

.seaded-container input[type="checkbox"] {
    margin-right: 5px; /* Ruumi checkboxi ja teksti vahel */
    vertical-align: middle; /* Joonda vertikaalselt teksti keskele */
}

.seaded-container .form-group span {
    vertical-align: middle; /* Joonda vertikaalselt checkboxi keskele */
    color: #555;
}

.seaded-container button[type="submit"] {
    display: inline-block;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: #e94b4b; /* Punane nupp */
    color: white;
    width: fit-content; /* Nupp võtab sisu laiuse */
}

.seaded-container button[type="submit"]:hover {
    background-color: #d03a3a; /* Tumepunane hoveril */
}

/* Mobile menu styles */
@media (max-width: 900px) {
    .toolaud-menu {
        position: fixed; /* Kasuta fixed, mitte absolute */
        left: -100vw; /* Peida alguses ekraanist välja */
        top: 0;
        width: 80vw;
        max-width: 320px; /* Max laius */
        height: 100vh;
        z-index: 1000;
        transition: left 0.3s ease; /* Animatsioon */
        box-shadow: 2px 0 16px rgba(0,0,0,0.12);
        border-radius: 0 16px 16px 0;
        padding-top: 60px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }
    .toolaud-menu.open {
        left: 0; /* Liiguta menüü nähtavale */
    }

    /* Force menu list to be block on mobile */
    .toolaud-menu-list {
        display: block !important;
    }
    /* Ensure menu is hidden when not open */
    .toolaud-menu:not(.open) {
         display: none; /* Peida menüü, kui see pole avatud */
    }

    .toolaud-logo img {
        max-width: 90px !important;
    }
    .toolaud-menu ul {
        flex-direction: column !important;
        width: 100%;
        justify-content: flex-start;
    }
    .toolaud-menu li a {
        padding: 18px 18px !important;
        font-size: 1.1em;
        border-radius: 0;
        margin-bottom: 6px;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        border-left: 4px solid transparent !important;
    }
    .toolaud-menu li a:hover {
        border-left: 4px solid #e94b4b !important;
    }
    .toolaud-menu li.active a {
        border-left: 4px solid #e94b4b !important;
    }
    .toolaud-tervitus {
        font-size: 1em;
        margin-bottom: 18px;
    }
    body.toolaud-menu-open {
        overflow: hidden;
    }
    .toolaud-main-content {
        padding: 20px 8px;
        border-radius: 0 0 16px 16px;
    }
    .toolaud-content {
        gap: 20px;
    }
    .toolaud-stats, .toolaud-inquiries {
        margin: 0;
        max-width: 100%;
    }
}

/* Desktop layout styles */
@media (min-width: 901px) { /* Changed from 768px to 901px to match mobile max-width */
    .toolaud-sidebar {
        width: 260px; /* Fixed width for desktop sidebar */
        min-height: 100vh; /* Make sidebar at least full height */
    }
    .toolaud-hamburger {
        display: none !important; /* Hide hamburger on desktop */
    }
    .toolaud-menu {
        position: static; /* Reset position for desktop */
        width: 260px; /* Ensure desktop width */
        min-height: 100vh;
        background: #ffffff;
        border-radius: 16px 0 0 16px;
        box-shadow: 2px 0 16px rgba(0,0,0,0.06);
        padding: 40px 0; /* Reset padding */
        display: flex; /* Use flexbox */
        flex-direction: column;
        align-items: stretch;
        left: auto; /* Reset left property */
    }
    .toolaud-menu-list {
        display: block !important; /* Always show menu list on desktop */
    }
    .toolaud-content {
        flex-grow: 1;
        padding: 40px; /* Desktop padding */
        background-color: #f4f6fa;
        border-radius: 0 16px 16px 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
} 

/* Emailid lehe stiilid */
.emailid-container {
    padding: 20px;
}

.emailid-send-form h3,
.emailid-sent-list h3,
.emailid-received-list h3 {
    color: #e31e24; /* Punane värv */
}

.emailid-send-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333; /* Tume tekst */
}

.emailid-send-form input[type="email"],
.emailid-send-form input[type="text"],
.emailid-send-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.emailid-send-form button[type="submit"] {
    background-color: #e31e24; /* Punane taust */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.emailid-send-form button[type="submit"]:hover {
    background-color: #c21a20; /* Tumedam punane */
}

/* Saadetud kirjade tabeli stiilid */
.emailid-sent-list table {
    width: 100%;
    border-collapse: collapse; /* Eemalda topeltäärised */
    margin-top: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Kerge vari */
    background-color: #fff;
}

.emailid-sent-list th,
.emailid-sent-list td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd; /* Eraldaja jooned */
}

.emailid-sent-list th {
    background-color: #f2f2f2; /* Hele taust päistele */
    color: #333;
    font-weight: bold;
}

.emailid-sent-list tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Vahelduv ridade taustavärv */
}

.emailid-sent-list tbody tr:hover {
    background-color: #f1f1f1; /* Taustavärvi muutus hiirega peale liikudes */
}

.emailid-sent-list td {
    color: #555; /* Teksti värv */
}

/* Danger button styles */
.button-danger, .button.button-danger {
    background-color: #e94b4b !important;
    color: #fff !important;
    border: none;
}

.button-danger:hover, .button.button-danger:hover {
    background-color: #c93c3c !important;
}

/* Spacing and layout for inquiry list actions */
.summary-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

.summary-actions .button, 
.summary-actions button {
    margin-top: 0 !important;
    min-width: 120px !important;
}

@media (max-width: 600px) {
    .summary-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .summary-actions .button, 
    .summary-actions button {
        width: 100%;
    }
}


/* Country Statistics Styles */
.statistika-countries-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.country-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    margin-bottom: 0 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.country-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.country-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.country-flag {
    width: 28px;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.country-name {
    font-weight: 600;
    font-size: 1.05em;
    color: #333;
}

.country-count .stat-number {
    font-size: 1.5em !important;
    margin-left: 0 !important;
}