/* ==========================================================================
   WOOCOMMERCE ACCOUNT PAGES CSS
   
   Dependencies: variables.css (must be loaded before this file)
   ========================================================================== */

/* ==========================================================================
   GENERAL STYLES
   ========================================================================== */
.woocommerce .woocommerce-MyAccount-content p strong{font-weight:500}
.woocommerce h2{text-transform:none;text-align:center}
.woocommerce .woocommerce-MyAccount-content h2{text-transform:capitalize;font-size:30px;text-align:left;padding-top:5px}
.woocommerce-MyAccount-content>h2{font-size:30px;line-height:32px;font-weight:500;margin-top:0;text-transform:none;text-align:left;color:var(--color-text-dark);letter-spacing:0;margin-bottom:24px}

/* ==========================================================================
   NOTICES & MESSAGES
   ========================================================================== */
body .woocommerce-message::before,body .woocommerce-info::before,body .woocommerce-error::before{top:.78em}
body .woocommerce-info {margin-bottom: 15px;}
body.e-wc-info-notice .woocommerce-info .button,body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{color:var(--color-bg-white);background:var(--color-primary);border-radius:var(--btn-radius)}
body.e-wc-info-notice .woocommerce-info .button,body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var(--color-secondary)}
.woocommerce-error,.woocommerce-info,.woocommerce-message{padding:12px 20px 12px 50px!important}

/* ==========================================================================
   MY ACCOUNT NAVIGATION
   ========================================================================== */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation:before{display:none;font-size:30px;line-height:1.2em;font-weight:500;margin-bottom:8px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation h1{font-size:34px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{width:20.63%}
.woocommerce .woocommerce-MyAccount-navigation ul, .woocommerce-page .woocommerce-MyAccount-navigation ul {list-style-type: none;margin-bottom: 30px;padding-left: 0;
border-top: 1px solid var(--color-border);margin-top: 25px;padding-top: 31px;}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .is-active a{font-weight:500;color:var(--color-primary);border-left:3px solid var(--color-primary);padding-left:9px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:first-child{border:none}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li{border:none!important}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a{display:block; color:var(--color-text);padding:0;margin:0 0 41px!important;text-transform:capitalize;line-height:24px;font-size:18px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{color:var(--color-secondary)!important}
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--ultimate-membership,
.woocommerce-MyAccount-navigation-link--prescriptions{display:none!important}

/* ==========================================================================
   MY ACCOUNT CONTENT
   ========================================================================== */
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{float:none;overflow:hidden;width:auto;padding:0 0 0 68px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content a.button{background-color:var(--color-primary);color:var(--color-bg-white);font-size:16px;font-weight:400;border-radius:var(--btn-radius);text-transform:uppercase}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content a.button:hover{background-color:var(--color-secondary);color:var(--color-bg-white)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form>h3,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content>h3{font-size:24px;line-height:32px;font-weight:500;color:var(--color-text-dark);margin:0 0 26px;padding:0 0 20px;border-bottom:1px solid var(--color-border);text-transform:uppercase}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content>h3 a{float:right;font-size:14px;line-height:18px;border-radius:3px;display:none}

/* ==========================================================================
   ORDERS TABLE
   ========================================================================== */
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table{border-radius:0;border:1px solid var(--color-border)!important}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead{background:var(--color-bg-border);border:1px solid var(--color-bg-light);border-radius:0}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions{width:20%;text-align:center}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table th{font-weight:600;font-size:16px;line-height:24px;color:var(--color-text-body);background:var(--color-bg-white);border-bottom:1px solid var(--color-border)!important}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table td,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table th{padding:12px 10px;border:0}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{text-align:right}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .button:last-child{margin:0}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .button{width:118px;height:38px;background:var(--color-primary);font-style:normal;font-weight:400;font-size:16px;text-align:center;color:var(--color-bg-white);line-height:20px;padding:10px;border-radius:var(--btn-radius);margin-bottom:5px;text-decoration:none;}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table td{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child td{border:none}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .button:hover{background:var(--color-secondary);text-decoration:none;}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table td,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table td a{font-weight:400;font-size:14px;line-height:21px;color:var(--color-text-secondary)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table td a:hover{text-decoration:underline}

/* ==========================================================================
   PAGINATION
   ========================================================================== */
.woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination{text-align:right}
.woocommerce-account .woocommerce .woocommerce-Pagination a{display:inline-block;vertical-align:middle;margin:0 0 0 3px!important;padding:4px 12px;line-height:1;border-radius:4px!important;font-size:14px!important;background:var(--color-bg-gray)!important;border:none!important;color:var(--color-text)!important}
.woocommerce-account .woocommerce .woocommerce-Pagination a[href].current{border:1px solid var(--color-primary)!important;background:var(--color-primary)!important;color:var(--color-bg-white)!important;font-weight:400!important}
.woocommerce-account .woocommerce .woocommerce-Pagination a:hover{background:transparent!important}
.woocommerce-account .woocommerce .pagination{text-align:right;display:block;border-radius:0;margin:0;padding:0;font-size:14px;line-height:18px}
.woocommerce-account .woocommerce .pagination li{display:inline-block;vertical-align:middle;margin-bottom:4px}
.woocommerce-account .woocommerce .pagination li span.current{border:1px solid var(--color-primary);padding:5px 12px;display:block;color:var(--color-bg-white);border-radius:3px;font-weight:500;font-size:15px;background:var(--color-primary)}
.woocommerce-account .woocommerce .pagination li a{padding:5px 12px;display:block;color:var(--color-dark);font-size:15px;background-color:var(--color-bg-gray)}
.woocommerce-account .woocommerce .pagination li a:hover{background:#fff0;text-decoration:none}
.woocommerce-account .woocommerce .pagination li.active a{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-white)}
.woocommerce-account .woocommerce .pagination li.disabled{display:none}

/* ==========================================================================
   ORDER DETAILS
   ========================================================================== */

/* Order Details Container */
.woocommerce-account .woocommerce .woocommerce-order-details { overflow: hidden; background: var(--color-bg-white); border: 1px solid var(--color-border); border-radius: 4px; padding: 22px 22px 0; margin: 0 0 32px; }
.woocommerce .order_details, .woocommerce-page .order_details { background: var(--color-bg-light); border: 1px solid var(--color-bg-border); border-radius: 6px; }

/* Order Details Title */
.woocommerce-account .woocommerce .woocommerce-order-details .woocommerce-order-details__title { text-transform: uppercase; color: var(--color-dark); font-size: 16px; line-height: 20px; border-bottom: 1px solid var(--color-border); padding: 0 4px 14px; margin: 0; text-align: left; }

/* Order Details Table */
.woocommerce-account .woocommerce .woocommerce-order-details table.woocommerce-table--order-details { border: none !important; background: none !important; border-collapse: collapse; margin: 0; font-size: 14px; line-height: 18px; }
.woocommerce-account .woocommerce .woocommerce-table--order-details thead { display: none; }
.woocommerce-account .woocommerce .woocommerce-order-details table tr a { color: var(--color-dark); }
.woocommerce-account .woocommerce .woocommerce-order-details table tr th, .woocommerce-account .woocommerce .woocommerce-order-details table tr td { padding: 10px 0; border: none !important; border-bottom: 1px solid var(--color-border) !important; vertical-align: top; font-weight: 600; font-size: 14px; line-height: 18px !important; color: var(--color-dark); background-color: var(--color-bg-white); }
.woocommerce-account .woocommerce .woocommerce-order-details table tr td.product-name { max-width: 80%; }
.woocommerce-account .woocommerce .woocommerce-order-details table tfoot tr td, .woocommerce-account .woocommerce .woocommerce-order-details table tr td.product-total { text-align: right; }
.woocommerce-account .woocommerce .woocommerce-order-details table tr td.product-total .amount { font-size: 14px; line-height: 18px !important; color: var(--color-dark); }
.woocommerce-account .woocommerce .woocommerce-order-details table tfoot tr:last-child th, .woocommerce-account .woocommerce .woocommerce-order-details table tfoot tr:last-child td { border: none !important; }

/* Order Details - Component Items */
.woocommerce .woocommerce-order-details dl.component dt { display: none; }
.woocommerce .woocommerce-order-details table tr td.woocommerce-table__product-name dl.component { margin: 0; font-weight: 400; padding-left: 15px; }
.woocommerce .woocommerce-order-details table tr td .component_table_item_subtotal { display: none; }
.woocommerce .woocommerce-order-details .woocommerce-table__product-name .component:has(.component-Vision)+.wc-item-meta:not(:empty), .woocommerce .woocommerce-order-details .woocommerce-table__product-name .component:has(.component-LensType)+.wc-item-meta:not(:empty) { display: block; margin-left: 22px; padding: 0; font-weight: 400; }
.woocommerce .woocommerce-order-details .wc-item-meta li { float: none; padding: 0; border: none; line-height: 18px !important; }
.woocommerce-account .woocommerce .woocommerce-order-details table tr.bundle_table_item, .woocommerce-account .woocommerce .woocommerce-order-details table tr.bundled_table_item, .woocommerce-account .woocommerce .woocommerce-order-details table tr .component_table_item_subtotal:before, .woocommerce-account .woocommerce .woocommerce-order-details table tr.component_table_item dl.component dt, .woocommerce-account .woocommerce .woocommerce-order-details table tr.component_table_item .composited_product_quantity, .woocommerce-account .woocommerce .woocommerce-order-details table td.product-name .wc-item-meta, .woocommerce-account .woocommerce .woocommerce-order-details table tr .product-quantity { display: none; }
.woocommerce-account .woocommerce .woocommerce-order-details table tr.component_table_item .component_table_item_indent { padding: 0; }
.woocommerce-account .woocommerce .woocommerce-order-details table tr .component_table_item_subtotal { font-size: 0; line-height: 0; }

/* Order Details List */
.woocommerce .order_details li, .woocommerce-page .order_details li { border: none; border-bottom: 1px solid var(--color-bg-border); display: block; float: none; font-size: 14px; margin: 0; padding: 15px 20px; text-transform: none; }
.woocommerce .order_details li strong, .woocommerce-page .order_details li strong { font-size: 14px; }

/* Customer Details & Addresses */
.woocommerce .customer_details, .woocommerce-page .customer_details, .woocommerce .addresses address, .woocommerce-page .addresses address { border-top: 1px solid var(--color-bg-border); padding-top: 10px; font-style: normal; }
.woocommerce .addresses .title, .woocommerce-page .addresses .title { position: relative; }
.woocommerce .addresses .title a, .woocommerce-page .addresses .title a { bottom: 18px; position: absolute; right: 0; }

/* Form Inputs & Buttons */
.woocommerce input[name='change_password'], .woocommerce-page input[name='change_password'], .woocommerce input[name='save_address'], .woocommerce-page input[name='save_address'] { margin: 3px 0 0 2px; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form button[name='save_address'] { margin: 15px 0 0 2px;}
.woocommerce-account .woocommerce form button[name='change_password'], .woocommerce-account .woocommerce form button[name='save_address'] { margin: 3px 0 0 2px; font-size: 16px; font-weight: 400; color: var(--color-bg-white); background-color: var(--color-primary); border-style: solid; border-width: 1px; border-radius: var(--btn-radius); padding: 10px 24px; }

/* ==========================================================================
   CUSTOMER DETAILS
   ========================================================================== */
.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-column{border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-white);padding:14px 20px!important;width:calc(50% - 4px)!important}
.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-column__title{font-size:16px;line-height:20px;margin:0 0 10px;padding:0 0 8px;text-transform:uppercase}
.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-column .woocommerce-column__title{border-bottom:1px solid var(--color-border);text-align:left}
.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-column address{border:none!important;padding:0!important;font-size:14px;line-height:24px}
p.woocommerce-customer-details--phone{margin-bottom:0}
.woocommerce-customer-details--email{word-wrap:break-word}

/* ==========================================================================
   FORMS & FORM ELEMENTS
   ========================================================================== */
.woocommerce-account .woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce-account .woocommerce form label{font-size:14px;line-height:24px!important;margin:0 3px 4px 0;color: #707070; display: block !important;}
.woocommerce-account .woocommerce form span#account_display_name_description { padding-top: 10px; display: block; font-size: 14px; padding-bottom: 12px;}
.woocommerce-account .woocommerce form .form-row .select2-container--default .select2-selection--single{border:1px solid var(--color-border)!important;height:42px!important;border-radius:0!important}
.woocommerce-account .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:14px;line-height:24px;padding-left:12px!important}
.woocommerce-account .woocommerce form button:hover{background-color:var(--color-secondary)!important}
.woocommerce-account .woocommerce form button.show-password-input:hover{background-color:transparent!important}
input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-box-shadow:0 0 0 1000px var(--color-bg-white) inset!important;box-shadow:0 0 0 1000px var(--color-bg-white) inset!important}

/* save changes button */
.woocommerce-account .woocommerce-EditAccountForm button.woocommerce-Button.button {background-color:var(--color-primary); color:var(--color-bg-white);text-transform:uppercase;font-weight:500;border-radius:var(--btn-radius);padding:10px 24px; margin-top: 12px;}
.woocommerce-account .woocommerce-EditAccountForm button.woocommerce-Button.button:hover {background-color:var(--color-secondary)!important; color:var(--color-bg-white);}

/* Payment Button */
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right;background-color:var(--color-primary);text-transform:uppercase;font-weight:500;border-radius:var(--btn-radius);padding:10px 24px}
.woocommerce #payment #place_order:hover,.woocommerce-page #payment #place_order:hover{background-color:var(--color-secondary)!important}

/* ==========================================================================
   LOGIN & REGISTRATION FORMS / Popup form
   ========================================================================== */
/* Layout & Container */
#customer_login.u-columns { margin: 0 0 80px; }
#customer_login .u-column2 { display: none; }
#customer_login .u-column1, #customer_login .u-column2 { max-width: 448px; float: none !important; margin: 0 auto; width: auto !important; padding: 24px; }

/* Form Base Styles */
.woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.register, .popup-form .woocommerce form.login, .popup-form .woocommerce form.register { border: none !important; padding: 0 !important; border-radius: 0 !important; margin: 0 0 55px; }
.woocommerce-account .woocommerce form.login br, .woocommerce-account .woocommerce form.register br { display: none; }
.woocommerce-account .woocommerce form.register { margin: 0 0 35px !important; }
.popup-form .woocommerce form.login, .popup-form .woocommerce form.register { margin: 0; }
.woocommerce-account .woocommerce form.login .password-input, .woocommerce-account .woocommerce form.register .password-input { display: block !important; width: 100%; }

/* Form Headers */
.woocommerce-account .woocommerce .u-column1 h2, .woocommerce-account .woocommerce .u-column2 h2, .popup-form .woocommerce > h2 { text-align: left; font-size: 18px; line-height: 1.5em; margin: 0 0 15px; color: var(--color-text); font-weight: 500 !important; text-transform: capitalize; letter-spacing: 0; }
.popup-form .woocommerce > h2 { line-height: 28px; color: var(--color-dark); margin-left: 5px; margin-bottom: 18px; }
.woocommerce-account .woocommerce .u-column1 h2 strong, .woocommerce-account .woocommerce .u-column2 h2 strong { font-weight: 500; }

/* Form Rows */
.woocommerce-account .woocommerce form.login .form-row, .woocommerce-account .woocommerce form.register .form-row, .popup-form .woocommerce form .form-row { padding: 0 !important; margin: 0 0 14px !important; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.form-row { padding: 12px !important;}
.popup-form .woocommerce form .form-row { margin-bottom: 10px !important; }
/* .woocommerce-account .woocommerce form .form-row.required label {color: var(--wc-red) !important;} */
.woocommerce-account .woocommerce form .form-row.required input, .woocommerce-account form.woocommerce-ResetPassword .form-row.required input.input-text {border-color: var(--wc-red) !important;}
.woocommerce-account .woocommerce form.login .form-row.form-button, .woocommerce-account .woocommerce form.register .form-row.form-button { margin: 0 !important; }

/* Form Labels */
.woocommerce-account .woocommerce form.login .form-row label, .woocommerce-account .woocommerce form.register .form-row label { font-size: 14px; line-height: 18px; color: var(--color-table-text); margin: 0 0 4px; }
.popup-form .woocommerce form .form-row label { display: none; }
.popup-form .woocommerce form .woocommerce-address-fields .form-row label, .popup-form .woocommerce .woocommerce-PaymentMethod .form-row label { display: block; text-transform: capitalize; }

/* Form Inputs */
.woocommerce-account .woocommerce form.login .form-row input.input-text, .woocommerce-account .woocommerce form.login .form-row textarea, .woocommerce-account .woocommerce form.register .form-row input.input-text, .woocommerce-account .woocommerce form.register .form-row textarea, .woocommerce-account .woocommerce form.login #aiowps-captcha-answer { height: 46px !important; padding: 0 15px; }
.popup-form .woocommerce form .form-row input { font-size: 14px; line-height: 24px; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-bg-white); height: 47px; }
.woocommerce-account .woocommerce form.login .aiowps-captcha { margin: 0; }

/* Remember Me Checkbox */
.popup-form .woocommerce form .form-row.signed-in label { display: flex !important; align-items: center; gap: 15px; margin-top: 8px !important; margin-bottom: 0; position: relative; }
.popup-form .woocommerce form .form-row.signed-in label input:checked::after { content: ''; position: absolute; top: 1px; left: 7px; width: 8px; height: 16px; border: solid var(--color-bg-white); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.popup-form .woocommerce form .form-row.signed-in label input:checked { background-color: var(--color-primary) !important; }
.popup-form .woocommerce form .form-row.signed-in label input, input#rememberme { width: 24px; height: 24px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid var(--color-primary); border-radius: 2px; background-color: var(--color-bg-white); position: relative; cursor: pointer; padding: 0; }

/* Lost Password Link */
.woocommerce-lost-password .woocommerce{min-height:315px}
.woocommerce-account .woocommerce form.login .lost_password { text-align: center; font-weight: 700; color: var(--color-table-text); margin: 0; padding: 1px 0 0; }
.popup-form .lost_password a { display: block; text-align: right !important; font-size: 14px; line-height: 1.71em; color: var(--color-text-dark); text-decoration: underline !important; margin: 0 0 0 auto !important; width: fit-content; }

/* Submit Buttons */
.woocommerce-account .woocommerce form.login .form-row button[type="submit"], .woocommerce-account .woocommerce form.register .form-row button[type="submit"] { width: 100%; margin: 10px 0 0; float: none; font-size: 16px; font-weight: 500; color: var(--color-bg-white); background-color: var(--color-primary); border-style: solid; border-width: 1px; border-radius: var(--btn-radius); padding: 11px 24px; line-height: 22.4px;}
.woocommerce-account .woocommerce form.login .form-row button[type="submit"]:hover, .woocommerce-account .woocommerce form.register .form-row button[type="submit"]:hover { color: var(--color-bg-white); background-color: var(--color-secondary); }

/* Form Footer */
.woocommerce-account .woocommerce .u-column1 .form-footer, .woocommerce-account .woocommerce .u-column2 .form-footer, .popup-form .form-footer { text-align: center; border-top: 3px solid var(--color-bg-border); padding: 24px 0 0; }
.popup-form .form-footer { border-top: 1px solid var(--color-border); margin-top: 20px; padding: 25px 5px; }
.woocommerce-account .woocommerce .u-column1 .form-footer .title, .woocommerce-account .woocommerce .u-column2 .form-footer .title, .popup-form .form-footer .title { font-size: 18px; line-height: 1.5em; color: var(--color-dark); font-weight: 500; display: block; margin: 0 0 16px; text-align: left; }
.popup-form .form-footer .title { font-size: 14px; line-height: 24px; text-transform: none; margin-bottom: 14px; }
.popup-form .form-footer .title:first-child { font-weight: 500; font-size: 18px; line-height: 28px; }
.woocommerce-account .woocommerce .u-column1 .form-footer .title:nth-child(2) { font-size: 14px; margin-bottom: 16px; }
.woocommerce-account .woocommerce .u-column1 .form-footer .title strong, .woocommerce-account .woocommerce .u-column2 .form-footer .title strong { font-weight: 500; }
.woocommerce-account .woocommerce .u-column1 .form-footer .link, .woocommerce-account .woocommerce .u-column2 .form-footer .link { font-size: 16px; line-height: 22.4px; font-weight: 500; padding: 11px 24px;}
.woocommerce-account .woocommerce .u-column1 .form-footer .link.login-link, .woocommerce-account .woocommerce .u-column2 .form-footer .link.login-link, .popup-form .form-footer a.link.reg-link { display: block; text-transform: uppercase; border: 1px solid var(--color-text-muted); padding: 13px; border-radius: var(--btn-radius); text-align: center; font-size: 16px; line-height: 1; color: var(--color-text); }
.popup-form .form-footer a.link.reg-link { width: 100%; border-color: var(--color-text-dark); font-weight: 500; padding: 15px; }
.woocommerce-account .woocommerce .u-column1 .form-footer .link.login-link:hover, .woocommerce-account .woocommerce .u-column2 .form-footer .link.login-link:hover, .popup-form .form-footer a.link.reg-link:hover { background: var(--color-secondary); color: var(--color-bg-white); border-color: var(--color-secondary); }

/* Privacy Policy Text */
.woocommerce-account .woocommerce .u-column2 .woocommerce-privacy-policy-text { font-size: 14px; line-height: 18px; color: var(--color-dark); text-align: left; padding: 26px 0 0; }
.woocommerce-account .woocommerce .u-column2 .woocommerce-privacy-policy-text a { text-transform: capitalize; text-decoration: underline; }

/* Help Link */
.popup-form .help-link { display: block; font-size: 14px; line-height: 24px; text-align: center !important; color: var(--color-text-dark); text-decoration: underline !important; margin-top: 23px; }

/* Lost Password Form */
.lost_image_section { text-align: center; margin-bottom: 24px; }
.woocommerce-account form.woocommerce-ResetPassword { max-width: 488px; margin: 0 auto 80px; padding: 16px; border: 1px solid var(--color-border); }
.woocommerce-account form.woocommerce-ResetPassword h2 { text-align: center; font-size: 18px; line-height: 1.5em; color: var(--color-dark); font-weight: 500; margin: 0 0 24px; }
.woocommerce-account form.woocommerce-ResetPassword h2 strong { font-weight: 500; }
.woocommerce-account form.woocommerce-ResetPassword .form-row { padding: 0 !important; margin: 0 0 24px !important; display: block !important; }
.woocommerce-account form.woocommerce-ResetPassword .form-row label { font-size: 14px; line-height: 18px; color: var(--color-table-text); margin: 0 0 4px; text-transform: capitalize; }
.woocommerce-account form.woocommerce-ResetPassword .form-row input.input-text { height: 49px !important; border-color: var(--color-border) !important; border-radius: 4px; color: var(--color-text-light); padding: 0 15px; }
.woocommerce-account form.woocommerce-ResetPassword .form-row button[type="submit"] { width: 100%; text-align: center; font-size: 16px; font-weight: 500; color: var(--color-bg-white); background-color: var(--color-primary); border-style: solid; border-width: 1px; border-radius: var(--btn-radius); padding: 11px 24px; text-transform: uppercase; line-height: 22.4px;}
.woocommerce-account form.woocommerce-ResetPassword .lost-pass-txt { font-size: 14px; line-height: 1.5em; font-weight: 400; color: var(--color-text); text-align: left; margin-bottom: 24px; }
.woocommerce-account form.woocommerce-ResetPassword .form-row button[type="submit"]:hover { color: var(--color-bg-white); background-color: var(--color-secondary); }
   
/* ==========================================================================
   MY ACCOUNT - ADDRESSES
   ========================================================================== */
.woocommerce-account .addresses .title .edit,.woocommerce-account a{color:var(--color-primary);text-transform:capitalize}
.u-columns.woocommerce-Addresses.col2-set.addresses{padding:30px 0}
a.show-title-form{display:none!important}

/* ==========================================================================
   REORDER & PRESCRIPTIONS
   ========================================================================== */
a.express-reorder-btn{display:block;background:var(--color-primary);color:var(--color-bg-white);text-align:center;padding:12px;border-radius:var(--btn-radius);font-size:16px}
.order-again{display:none}
.eye-data br{display:none}

/* Prescription Type */
.prescription-type{display:flex;align-items:stretch}
.prescription-type a{width:50%;text-align:center;font-size:18px;color:var(--color-text-light);font-weight:400;line-height:1.6;border-bottom:1px solid var(--color-text-secondary);padding:8px}
.prescription-type a.active_cl{border-bottom:4px solid var(--color-primary);font-weight:500;color:var(--color-primary)}
.expired-prescription h4.exp-presc-heading{margin:0 0 16px}

/* Reorder Tables */
.clreorder .filter-area{padding:24px 0;font-size:14px;color:var(--color-dark)}
.clreorder .filter-area form{display:flex;align-items:center;gap:5px}
.clreorder .filter-area select{border:1px solid var(--color-text-secondary);padding:8px 7px;border-radius:4px;color:var(--color-dark);background:var(--color-bg-white);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;max-width:133px;text-align:left;font-size:14px;line-height:24px}
.clreorder table.shop_table_responsive{border:none;border-radius:4px;margin-bottom:24px}
.clreorder table.shop_table_responsive tr{padding-bottom:27px;display:block;width:100%}
.clreorder table.shop_table_responsive tr:last-child{padding-bottom:0}
.clreorder table.shop_table_responsive td{padding:0;padding-bottom:15px;border:1px solid var(--color-border);border-radius:4px;width:100%;display:block;background:var(--color-bg-white)}
.clreorder .shop_table_responsive td p{margin:0}

/* Prescription Header */
.clreorder table.shop_table_responsive .presc-header{padding:16px 24px;background:var(--color-bg-light);border-bottom:1px solid var(--color-border)}
.clreorder table.shop_table_responsive .presc-header .header-info-div{display:flex;gap:24px}
.clreorder table.shop_table_responsive .presc-header .header-info-div>div{min-width:190px}
.clreorder table.shop_table_responsive .presc-header .header-info-div>div br,.clreorder p:empty{display:none}
.clreorder table.shop_table_responsive .presc-header .header-info-div>div>span{display:block;font-size:14px;line-height:20px;color:var(--color-dark)}
.clreorder table.shop_table_responsive .presc-header .header-info-div>div>span:first-child{font-weight:500;margin-bottom:4px;color:var(--color-dark)}

/* Data Card Rows */
.clreorder table.shop_table_responsive .data-card-row{padding:24px 24px 2px}
.clreorder table.shop_table_responsive .data-card-row .product-reorder-title h4{color:var(--color-dark);font-size:18px;line-height:28px;font-weight:500;margin:0 0 11px;text-align:center}
.clreorder table.shop_table_responsive .data-card-row .data-card-col{display:flex;justify-content:space-between;align-items:center}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-image-col{max-width:121px;padding:10px}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data{width:100%}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-btn{display:none}

/* Eye Data */
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data li,
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data li p{display:flex;justify-content:flex-start;margin:0;color:var(--color-dark);font-size:14px;line-height:1.4}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data:first-child li span,
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data li span.js-box1{color:var(--color-dark);font-size:14px!important;font-weight:500!important;line-height:1.4}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data li span{border-right:1px solid var(--color-border);padding:10px 10px;width:78px;text-align:center}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data li span:last-child{border-right:none}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data li span.js-box1{text-align:left}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data:first-child li span.js-box1{font-size:0}
.clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-btn>button{width:123px;border-radius:4px;border:2px solid var(--color-text-dark);background:var(--color-bg-white);color:var(--color-text-dark);font-weight:500;text-transform:capitalize;padding:13px}

/* ==========================================================================
   TRACKING BUTTONS
   ========================================================================== */
a.button.track-button{background-color:var(--color-primary)!important}
a.button.track-button:hover{background-color:var(--color-warning)!important}
.woocommerce-MyAccount-content mark.order-status{cursor:text!important}

/* ==========================================================================
   FOOTER & HIDDEN ELEMENTS
   ========================================================================== */
.footer-nav .back-btn,button.my-account-dd{display:none}
.footer-usps .pp-icon-wrapper{height:38px;width:auto;margin-bottom:5px!important}
td.woocommerce-PaymentMethod.woocommerce-PaymentMethod--actions.payment-method-actions::before{display:none}
.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{background:var(--color-bg-white)}

/* ==========================================================================
   RESPONSIVE STYLES
   ========================================================================== */

/* Large Desktops */
@media screen and (max-width:1400px){
    .woocommerce-account .woocommerce{padding:0 20px}
}

@media screen and (max-width:1366px){
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{width:22%}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation:before{font-size:34px}
}

/* Tablets */
@media (max-width:1024px){
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{width:26%}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content{padding:0 0 0 30px}
    .u-columns{margin:0 0 60px}
    .woocommerce-account form.woocommerce-ResetPassword h2,.woocommerce-account .woocommerce .u-column1 h2,.woocommerce-account .woocommerce .u-column2 h2,.woocommerce-account .woocommerce .u-column1 .form-footer .title,.woocommerce-account .woocommerce .u-column2 .form-footer .title{font-size:18px;line-height:44px}
    body .woocommerce .addresses .title a,.woocommerce-page .addresses .title a{bottom:7px}
    .woocommerce-account form.woocommerce-ResetPassword h2,.woocommerce-account .woocommerce .u-column1 h2,.woocommerce-account .woocommerce .u-column2 h2{margin:0 0 22px}
    .pres-edit{width:100%;height:auto;min-height:auto;padding:0;margin:0;text-align:center}
    .clreorder table.shop_table_responsive .presc-header .header-info-div{display:flex;gap:16px;align-items:flex-start;text-align:left;justify-content:space-between}
    .clreorder table.shop_table_responsive .presc-header .header-info-div>div{min-width:max-content}
    .woocommerce form button[type="submit"],.woocommerce a.button,.woocommerce div.product form.cart .button{margin:5px 0;font-size:14px!important}
}

@media screen and (min-width:1025px) and (max-width:1200px){
    .wishlist-items-wrapper{gap:20px}
    .wishlist_table .product-add-to-cart span.dateadded span{display:block}
    .wishlist-items-wrapper .product-thumbnail a{height:120px}
}

@media screen and (min-width:769px) and (max-width:1024px){
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation:before{font-size:35px}
}

@media (min-width:769px){
    #customer_login .u-column1,#customer_login .u-column2{border:1px solid var(--color-border)}
}

/* Mobile Landscape */
@media (max-width:768px){
    .clreorder table.shop_table_responsive .data-card-row .data-card-col .reorder-presc-data .eye-data li span.js-box1{width:auto!important}
    .clreorder table.shop_table_responsive .presc-header .header-info-div{flex-direction:column}
    .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{margin-bottom:15px}
    .woocommerce-account .woocommerce{padding:0 16px}
    body .woocommerce .addresses .title a,.woocommerce-page .addresses .title a{bottom:18px}
    .popup-form .form-footer .title:first-child{font-weight:500;font-size:18px!important;line-height:28px;margin-bottom:12px!important}
    .woocommerce-account .woocommerce .u-column1 .form-footer .title:nth-child(2){font-size:14px!important;margin-bottom:14px!important}
    #customer_login .u-column1,#customer_login .u-column2{padding:0 8px}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation:before{font-size:30px;margin-bottom:16px}
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background:none!important}
    .woocommerce-page table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions{display:flex;gap:5px;align-items:center}
    .woocommerce-page table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions a{width:auto!important;flex-grow:1;flex-basis:0%;min-width:0}
    .woocommerce-page table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions::before{display:none}
    table.shop_table.shop_table_responsive.my_account_giftcards tr:not(:last-child) td:last-child{border-bottom:1px solid var(--color-text-light)!important}
}

@media screen and (max-width:900px){
    .wishlist-items-wrapper{gap:16px;grid-template-columns:1fr 1fr}
    .wishlist-items-wrapper .wishlist-item{padding:5px 0 20px}
    .wishlist-items-wrapper .product-thumbnail a{height:100px}
}

/* Mobile Portrait */
@media (max-width:768px){
    .woocommerce-lost-password .woocommerce{min-height:auto}
    button.my-account-dd,button.my-account-dd:hover,button.my-account-dd:focus{display:block;width:100%;text-align:left;background:#fff0;color:var(--color-primary);position:relative;outline:none;border-color:var(--color-primary);padding:13px}
    button.my-account-dd::after{content:'';position:absolute;right:0;top:10px;height:24px;width:24px;background:url(../../../assets/images/myaccount/caret.png) no-repeat center center / 24px}
    button.my-account-dd.active::after{transform:rotate(180deg)}
    .woocommerce table.shop_table_responsive.woocommerce-MyAccount-orders tr:first-child{border-top:0}
    .woocommerce table.shop_table_responsive.woocommerce-MyAccount-orders tr,.woocommerce-page table.shop_table_responsive.woocommerce-MyAccount-orders tr{border-top:1px solid var(--color-bg-border)}
    .woocommerce table.shop_table_responsive.woocommerce-MyAccount-orders tr td,.woocommerce-page table.shop_table_responsive.woocommerce-MyAccount-orders tr td{border-top:0!important}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{float:none;width:auto}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{margin:0 0 15px;padding-top:20px}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li{font-size:14px;line-height:18px}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a{padding:8px 0;font-size:14px!important;line-height:1.25!important;margin-bottom:16px!important}
    a.express-reorder-btn{margin:16px 0}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content{padding:16px 0 0 0}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content form>h3,.woocommerce-account .woocommerce .woocommerce-MyAccount-content>h3{font-size:20px;line-height:24px;margin:0 0 16px;padding:0 0 10px;text-align:center}
    .woocommerce-account .woocommerce .woocommerce-Pagination,.woocommerce-account .woocommerce .pagination{text-align:center}
    .woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-column{width:100%!important;margin:0 0 20px}
    .woocommerce-account form.woocommerce-ResetPassword{margin-bottom:30px}
    .u-columns{margin:0 0 30px}
    .woocommerce-account form.woocommerce-ResetPassword h2,.woocommerce-account .woocommerce .u-column1 h2,.woocommerce-account .woocommerce .u-column2 h2,.woocommerce-account .woocommerce .u-column1 .form-footer .title,.woocommerce-account .woocommerce .u-column2 .form-footer .title{font-size:20px;line-height:28px;text-transform:capitalize}
    .woocommerce-account form.woocommerce-ResetPassword h2,.woocommerce-account .woocommerce .u-column1 h2,.woocommerce-account .woocommerce .u-column2 h2{margin:0 0 14px}
    .woocommerce-account form.woocommerce-ResetPassword .form-wrap,.woocommerce-account .woocommerce form.login .form-wrap,.woocommerce-account .woocommerce form.register .form-wrap{padding:0}
    .woocommerce-account .woocommerce .u-column1 .form-footer .link,.woocommerce-account .woocommerce .u-column2 .form-footer .link{font-size:16px;line-height:16px;padding:14px}
    .woocommerce-account .woocommerce .u-column2 .woocommerce-privacy-policy-text br{display:none}
    .woocommerce-account .woocommerce form.login .lost_password{margin:0 0 16px}
    .woocommerce .clreorder table.shop_table_responsive tr td::before,.woocommerce-page .clreorder table.shop_table_responsive tr td::before{display:none}
    .clreorder table.shop_table_responsive .data-card-row .data-card-col{align-items:center}
    .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:1px solid var(--color-border)}
}

@media screen and (max-width:580px){
    .wishlist-items-wrapper{grid-template-columns:1fr}
    .wishlist_table .product-add-to-cart span.dateadded span{display:inline}
    .wishlist-items-wrapper .product-thumbnail a{height:auto}
}

@media (max-width:560px){
    .fluid_section .fluid_cl{width:100%;display:block}
    .fluid_cl.fluid_right_cl a{display:block!important}
}

/* Small Mobile */
@media (max-width:480px){
    .clreorder table.shop_table_responsive .data-card-row .data-card-col{margin-bottom:10px}
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation h1{font-size:34px}
    .clreorder table.shop_table_responsive .data-card-row{padding:24px 16px 6px}
    .prescription-type a{padding:8px 40px;font-size:16px}
    .woocommerce-MyAccount-content>h2{font-size:22px}
    .woocommerce-orders-table__cell-order-actions{flex-direction:column}
    .woocommerce .woocommerce-orders-table__cell-order-actions a.button.woocommerce-button{width:100%!important}
}