/**
 * Woo Address Book Customizations - custom styles.
 *
 * Targets the Address Book plugin's existing markup only.
 * No HTML/PHP template changes required for these to take effect.
 *
 * Common classes available to style (add rules below as needed):
 *
 *   .address_book                 - wrapper around each address type's book (billing/shipping)
 *   .address_book .addresses      - grid/list of saved address cards
 *   .address_book .address        - a single saved address card
 *   .address_book .address.default - the current default address card
 *   .wc-address-book-title        - address card's title/nickname
 *   .wc-address-book-edit         - "Edit" button on a card
 *   .wc-address-book-delete       - "Delete" button on a card
 *   .wc-address-book-set-default  - "Set as default" button on a card
 *   .address-book-badge           - "Default" badge shown on the default card
 *
 * Example:
 *
 * .address_book .address.default {
 *     border-color: #000;
 * }
 */

.woocommerce-account .address_book header{
    padding: 10px;
}

/* Desktop */
.woocommerce-address-fields__field-wrapper{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:20px;
}

.woocommerce-address-fields__field-wrapper .form-row{
    width:100% !important;
    float:none !important;
    clear:none !important;
    margin:0 !important;
}

.woocommerce-address-fields__field-wrapper .form-row-wide{
    grid-column:1 / -1;
}

/* Inputs */
.woocommerce-address-fields__field-wrapper input,
.woocommerce-address-fields__field-wrapper select,
.woocommerce-address-fields__field-wrapper textarea,
.woocommerce-address-fields__field-wrapper .select2-container{
    width:100% !important;
}

.woocommerce-cart .woocommerce-shipping-destination {
    display: none !important;
}

.woocommerce-account .billing_address_book{
	margin-top:0px !important;
}

/* WooCommerce Success Message */
.woocommerce-notices-wrapper {
    margin: 0 0 20px;
}

.woocommerce-message {
    display: flex;
    align-items: center;
    padding: 12px 18px;
    margin-bottom: 20px;
    background: #d4edda;
    border-left: 4px solid #28a745;
    border-radius: 4px;
    color:#28a745;
    min-height: auto;
}

.woocommerce-message::before {
    position: static;
    margin-right: 10px;
    font-size: 18px;
    line-height: 1;
}

.woocommerce-message p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px;
    line-height: 1.5;
}

.woocommerce-message .no-button {
    margin: 0 !important;
}

/* WooCommerce Error Notice */
.woocommerce-notices-wrapper {
    margin: 0 0 30px;
}

.woocommerce-error {
    list-style: none;
    background: #f8d7da;
    color: #842029;
    border-left: 4px solid #dc3545;
    border-radius: 4px;
    font-size: 15px;
}

.woocommerce-error li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content p:last-of-type {
    margin: 16px 10px;
}


.woocommerce-error p {
    margin: 0;
    color: inherit;
}

.woocommerce-error a {
    color: #842029;
    text-decoration: underline;
}

.woocommerce-error:focus {
    outline: none;
}


/* Tablet */
@media (max-width:1024px){
    .woocommerce-address-fields__field-wrapper{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }
}

/* Mobile */
@media (max-width:767px){
    .woocommerce-address-fields__field-wrapper{
        grid-template-columns:1fr;
        gap:15px;
    }

    .woocommerce-address-fields__field-wrapper .form-row-wide{
        grid-column:auto;
    }

    .woocommerce-address-fields button.button{
        width:100%;
    }
}