/**
 * Public styles for the Add to Quote plugin.
 *
 * @since      1.0.0
 * @package    Add_To_Quote
 */

/* Button styles */
.atq-button-container {
    margin: 1em 0;
}

/* Button styles for variable products */
.woocommerce-variation-add-to-cart .atq-button-container {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.atq-button-container-loop {
    margin-top: 0.5em;
}

.atq-button {
    margin-right: 0.5em !important;
}

.atq-button-loop {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em !important;
}

.atq-loading {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
}

/* Quote list styles */
.atq-quote-list-container {
    margin-bottom: 2em;
}

.atq-quote-list {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

.atq-quote-list th,
.atq-quote-list td {
    padding: 0.5em;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
}

.atq-quote-list th {
    background-color: #f7f7f7;
    font-weight: bold;
}

.atq-product-remove {
    width: 32px;
}

.atq-product-thumbnail {
    width: 90px;
}

.atq-product-thumbnail img {
    width: 80px;
    height: auto;
    display: block;
}

.atq-product-name {
    width: 40%;
}

.atq-product-price {
    width: 20%;
}

.atq-product-quantity {
    width: 20%;
}

.atq-product-quantity .quantity {
    display: inline-block;
}

.atq-product-quantity input {
    width: 70px;
}

.atq-actions {
    text-align: right;
    margin-bottom: 2em;
}

.atq-actions .button {
    margin-left: 0.5em;
}

.atq-empty-quote {
    padding: 2em;
    text-align: center;
    background-color: #f7f7f7;
    border-radius: 4px;
    margin-bottom: 2em;
}

.atq-quote-submitted {
    padding: 2em;
    text-align: center;
    background-color: #f0f8e6;
    border-radius: 4px;
    margin-bottom: 2em;
    border: 1px solid #c6e1c6;
    color: #5b841b;
}

/* Quote form styles */
.atq-quote-form-container {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #e2e2e2;
}

.atq-quote-form {
    max-width: 600px;
    margin: 0 auto;
}

.atq-form-fields {
    margin-bottom: 1.5em;
}

.atq-form-row {
    margin-bottom: 1em;
}

.atq-form-row label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.atq-form-row input[type="text"],
.atq-form-row input[type="email"],
.atq-form-row input[type="tel"],
.atq-form-row textarea {
    width: 100%;
    padding: 0.5em;
}

.atq-form-row .required {
    color: red;
}

.atq-form-actions {
    text-align: right;
}

/* My Account quotes styles */
.atq-my-account-quotes {
    margin-bottom: 2em;
}

.atq-no-quotes {
    padding: 1em;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.atq-quote-details {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #e2e2e2;
}

.atq-quote-details-table,
.atq-quote-items-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

.atq-quote-details-table th,
.atq-quote-details-table td,
.atq-quote-items-table th,
.atq-quote-items-table td {
    padding: 0.5em;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
}

.atq-quote-details-table th,
.atq-quote-items-table th {
    background-color: #f7f7f7;
    font-weight: bold;
    width: 30%;
}

.atq-status {
    display: inline-block;
    padding: 0.3em 0.6em;
    border-radius: 3px;
    font-size: 0.85em;
    font-weight: bold;
}

.atq-status.status-pending {
    background-color: #f8dda7;
    color: #94660c;
}

.atq-status.status-processing {
    background-color: #c6e1c6;
    color: #5b841b;
}

.atq-status.status-completed {
    background-color: #c8d7e1;
    color: #2e4453;
}

.atq-status.status-cancelled {
    background-color: #eba3a3;
    color: #761919;
}