/* The account ("Профил"), the order tracking and the forms in them, in place of
   WooCommerce's CSS (inc/woocommerce.php). WooCommerce's markup and scripts stay. */

/* ---------- Notices ---------- */
.page--wc .woocommerce-notices-wrapper:empty{display:none}
.page--wc .woocommerce-notices-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.woocommerce-error,.woocommerce-message,.woocommerce-info{margin:0 0 16px;padding:14px 18px;border:1px solid;border-left-width:5px;border-radius:14px;list-style:none;font-weight:700;line-height:1.45}
.woocommerce-error{background:#FDECEC;border-color:#F3B9BD;border-left-color:var(--accent);color:#8A0410}
.woocommerce-message{background:#E6F5EB;border-color:#C9EBD4;border-left-color:var(--green);color:var(--green-dark)}
.woocommerce-info{background:#EEF0FA;border-color:#D7DBF0;border-left-color:var(--navy);color:var(--navy)}
.woocommerce-error a,.woocommerce-message a,.woocommerce-info a{color:inherit;text-decoration:underline}
.woocommerce-message .button,.woocommerce-info .button{float:right;min-height:36px;margin-left:12px;padding:0 12px;border-radius:10px;background:#fff;color:var(--navy);text-decoration:none;font-size:14px}
.woocommerce-error[tabindex="-1"]:focus,.woocommerce-message[tabindex="-1"]:focus,.woocommerce-info[tabindex="-1"]:focus{outline:0}

/* ---------- Cards and forms ---------- */
.acc-card,.u-columns.col2-set>.u-column1,.u-columns.col2-set>.u-column2,.woocommerce-MyAccount-content,.woocommerce-form-track-order,.woocommerce-ResetPassword,.woocommerce-form-login.login:not(.u-column1 *){background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.page--wc h2{font-family:var(--display);font-size:22px;line-height:1.25;margin:0 0 16px}
.page--wc h3{font-size:18px;font-weight:800;margin:0 0 12px}
.page--wc p{margin:0 0 14px}
.page--wc .woocommerce form .form-row,.page--wc form .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.page--wc form .form-row label{font-size:14px;font-weight:800;line-height:1.35;color:var(--ink)}
.page--wc form .form-row .required{color:var(--accent);text-decoration:none;border:0}
.page--wc form .form-row .optional{font-weight:600;color:var(--muted)}
.page--wc input.input-text,.page--wc select,.page--wc textarea,.page--wc input[type="email"],.page--wc input[type="password"],.page--wc input[type="text"],.page--wc input[type="tel"]{width:100%;height:50px;padding:0 14px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--ink)}
.page--wc textarea{height:auto;min-height:110px;padding:12px 14px}
.page--wc select{padding-right:36px;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2324275A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center}
.page--wc input.input-text:focus,.page--wc select:focus,.page--wc textarea:focus,.page--wc input[type="email"]:focus,.page--wc input[type="password"]:focus,.page--wc input[type="text"]:focus,.page--wc input[type="tel"]:focus{border-color:var(--navy);outline:0;box-shadow:0 0 0 3px rgba(36,39,90,.2)}
.page--wc .woocommerce-invalid input.input-text,.page--wc .woocommerce-invalid select{border-color:var(--accent);background-color:#FFF8F8}
.page--wc .form-row-first,.page--wc .form-row-last{width:100%}
@media (min-width:768px){
	.page--wc form:has(>.form-row-first) {display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
	.page--wc form:has(>.form-row-first)>*:not(.form-row-first):not(.form-row-last){grid-column:1/-1}
	.page--wc .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
	.page--wc .woocommerce-address-fields__field-wrapper>.form-row:not(.form-row-first):not(.form-row-last){grid-column:1/-1}
}
.page--wc .clear{display:none}
.page--wc fieldset{margin:8px 0 16px;padding:20px;border:1px solid var(--line);border-radius:16px}
.page--wc legend{padding:0 6px;font-weight:800}
.page--wc .woocommerce-form__label-for-checkbox{display:flex;align-items:center;gap:10px;min-height:32px;font-size:15px;font-weight:700;cursor:pointer}
.page--wc input[type="checkbox"]{width:20px;height:20px;accent-color:var(--navy)}
.page--wc em{font-size:13px;font-style:normal;color:var(--muted)}
/* The password and its "show" button (WooCommerce draws the button; its icon is here). */
.password-input{position:relative;display:block}
.password-input input{padding-right:52px}
.show-password-input{position:absolute;top:3px;right:3px;width:44px;height:44px;border:0;border-radius:10px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2324275A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center}
.show-password-input.display-password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2324275A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}
.woocommerce-password-strength{margin-top:8px;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:700}
.woocommerce-password-strength.short,.woocommerce-password-strength.bad{background:#FDECEC;color:#8A0410}
.woocommerce-password-strength.good{background:#FFF4DB;color:#8A5A00}
.woocommerce-password-strength.strong{background:#E6F5EB;color:var(--green-dark)}
.woocommerce-password-hint{display:block;margin-top:6px;font-size:13px;color:var(--muted)}

/* WooCommerce's buttons in the theme's look: the main one red, the others light. */
.page--wc .button,.page--wc button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none}
.page--wc .button:hover,.page--wc button[type="submit"]:hover{background:var(--accent-dark);color:#fff}
.page--wc .woocommerce-orders-table .button,.page--wc .woocommerce-Address .edit,.page--wc .woocommerce-button--previous,.page--wc .woocommerce-button--next,.page--wc .order-again .button{min-height:40px;padding:0 14px;background:#fff;color:var(--navy);border:1px solid var(--line-2);font-size:14px}
.page--wc .woocommerce-orders-table .button:hover,.page--wc .woocommerce-Address .edit:hover{border-color:var(--navy);background:#fff;color:var(--navy)}
.page--wc .woocommerce-orders-table .button+.button{margin-left:6px}

/* ---------- Logged out: log in | register, as the checkout's cards ---------- */
.u-columns.col2-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:start}
.u-columns.col2-set>.u-column1,.u-columns.col2-set>.u-column2,.woocommerce-ResetPassword{padding:24px 28px}
.page--wc .u-columns.col2-set h2{font-size:19px;margin-bottom:18px}
.acc-perks{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;padding:16px 18px;border-radius:14px;background:var(--ground);list-style:none}
.acc-perks li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;line-height:1.35;color:var(--ink)}
.acc-perks svg{flex-shrink:0;color:var(--navy)}
.acc-trade{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin:24px 0 0;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;font-weight:700;color:var(--ink-2);text-align:center}
.acc-trade svg{color:var(--navy)}
.page--wc .acc-trade a{font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.woocommerce-ResetPassword{max-width:560px}
.woocommerce-form-login .woocommerce-form-login__rememberme{margin:0 0 16px}
.woocommerce-form-login .button,.woocommerce-form-register .button{width:100%}
.woocommerce-LostPassword{margin:14px 0 0}
.woocommerce-LostPassword a,.lost_password a{text-decoration:underline}
.woocommerce-privacy-policy-text p{font-size:14px;color:var(--ink-2)}
.woocommerce-privacy-policy-text a,.woocommerce-form__label-for-checkbox a,.woocommerce-form-register p a{text-decoration:underline}

/* ---------- Logged in (v2 0.15.0, V2Account): one card on the side, the page beside it ---------- */
.woocommerce:has(>.acc-side){display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.acc-main{display:flex;flex-direction:column;gap:20px;min-width:0}
.page--wc .acc-main__title{margin:0;font-family:var(--display);font-size:32px;line-height:1.15;overflow-wrap:anywhere}
.acc-side{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px 12px 12px;background:#fff;border:1px solid var(--line);border-radius:22px}
.acc-me{display:flex;align-items:center;gap:12px;padding:0 8px 16px;border-bottom:1px solid var(--line)}
.acc-me__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:50%;background:#EEF0FA;color:var(--navy);font-family:var(--display);font-size:20px;font-weight:700}
.acc-me__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.acc-me__name{font-size:16px;overflow-wrap:anywhere}
.acc-me__mail{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.woocommerce-MyAccount-navigation{min-width:0}
.acc-places{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.acc-places a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:12px;font-size:15px;font-weight:700;color:var(--ink);text-decoration:none}
.acc-places a svg{flex-shrink:0;color:var(--ink)}
.acc-places a:hover{background:var(--ground);color:var(--ink)}
.acc-places .is-active a,.acc-places .is-active a:hover{background:#FDECEC;color:var(--accent-dark);font-weight:800}
.acc-places .is-active a svg{color:var(--accent-dark)}
.acc-places__label{flex:1;min-width:0}
.acc-places__badge{flex-shrink:0;min-width:24px;padding:3px 9px;border-radius:999px;background:#F1F2F6;color:var(--ink-2);font-size:12px;font-weight:800;line-height:1.4;text-align:center}
.acc-places__badge--red{background:#FDECEC;color:var(--accent-dark)}
.acc-places__badge--blue{background:#E8F1FB;color:#1D5BA8}
.acc-places__badge--navy{display:flex;align-items:center;justify-content:center;height:24px;padding:0 6px;border-radius:12px;background:var(--navy);color:#fff}
.acc-places__badge--plain{min-width:0;padding:0;background:none;color:var(--muted);font-size:13px;font-weight:700}
.acc-places__go{flex-shrink:0;color:var(--line-2)}
.acc-places--side .acc-places__item--customer-logout{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.acc-places__item--customer-logout a,.acc-places__item--customer-logout a svg{color:var(--muted)}
.acc-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;line-height:1}
.acc-badge--small{min-height:24px;padding:0 10px;font-size:12px}

/* ---------- The dashboard (woocommerce/myaccount/dashboard.php, v2 0.15.0) ---------- */
.woocommerce-MyAccount-content:has(>.dash-hi),.woocommerce-MyAccount-content:has(>.dash-sec),.woocommerce-MyAccount-content:has(>.dash-box){display:flex;flex-direction:column;gap:32px;padding:0;background:none;border:0;border-radius:0}
.dash-hi{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.page--wc .dash-hi__title{margin:0;font-family:var(--display);font-size:32px;line-height:1.15;overflow-wrap:anywhere}
.page--wc .dash-hi__text{margin:0;font-size:16px;color:var(--ink-2)}
.page--wc .dash-hi__saved{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:5px 12px;border-radius:999px;background:#E6F5EB;color:var(--green-dark);font-size:14px;font-weight:700}
.dash-hi__saved b,.dash-hi__saved .amount{font-weight:800;color:inherit}
.dash-sec{display:flex;flex-direction:column;gap:14px;min-width:0}
.dash-sec__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.page--wc .dash-sec__title{display:flex;align-items:center;gap:10px;margin:0;font-size:22px}
.woocommerce-MyAccount-content .dash-sec__more{margin-left:auto;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dash-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:var(--navy);color:#fff;font-family:var(--text);font-size:14px;font-weight:800}
.dash-box{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:22px}
.page--wc .dash-box__empty{margin:0;font-size:15px;color:var(--muted)}
.dash-none{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:20px}
.page--wc .dash-none__text{margin:0;font-size:16px;font-weight:700;color:var(--ink-2)}
/* An order (template-parts/account/order-card.php). */
.ocard{display:flex;flex-direction:column;gap:16px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:20px}
.ocard__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.ocard__no{font-family:var(--display);font-size:17px}
.ocard__status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#EEF0FA;color:var(--navy);font-size:13px;font-weight:800;white-space:nowrap}
.ocard__dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.ocard__status--shipped{background:#E8F1FB;color:#1D5BA8}
.ocard__status--delivered{background:#E6F5EB;color:var(--green-dark)}
.ocard__status--held,.ocard__status--pending{background:#FFF4DB;color:#8A5A00}
.ocard__status--cancelled,.ocard__status--returned,.ocard__status--other{background:#F1F2F6;color:var(--muted)}
.ocard__meta{flex:1 1 auto;min-width:0;font-size:14px;color:var(--muted)}
.ocard__total{display:flex;align-items:baseline;gap:8px;margin-left:auto;font-size:14px;color:var(--muted);white-space:nowrap}
.ocard__total b{font-family:var(--display);font-size:19px;font-weight:700;color:var(--ink)}
.ocard__total .amount{color:inherit}
.ocard__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ocard__step{display:flex;flex-direction:column;gap:8px;min-width:0}
.ocard__bar{height:6px;border-radius:3px;background:var(--line)}
.ocard__step.is-done .ocard__bar,.ocard__step.is-now .ocard__bar{background:#1D5BA8}
.ocard__label{font-size:13px;color:var(--muted)}
.ocard__label b{color:var(--ink)}
.ocard__step.is-now .ocard__label,.ocard__step.is-now .ocard__label b{color:#1D5BA8}
.ocard__body{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.ocard__pics{display:flex;flex-shrink:0;gap:8px;margin:0;padding:0;list-style:none}
.ocard__pic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:#F3F5FA;overflow:hidden;font-weight:800;color:var(--ink-2)}
.ocard__pic img{width:100%;height:100%;object-fit:contain}
.page--wc .ocard__text{display:flex;flex-direction:column;gap:4px;flex:1 1 260px;min-width:0;margin:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.ocard__names{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ocard__where{font-weight:700;color:var(--navy)}
.ocard__where b{color:var(--ink)}
.ocard__where--green{color:var(--green-dark)}
.ocard__where--held{color:#8A5A00}
.ocard__where--muted{color:var(--muted)}
.page--wc .ocard__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.ocard__actions .button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;font-size:15px}
.ocard__star{color:#F2B01E}
/* "Любими" and "Наскоро разгледани": four cards in a row, without what a list needs. */
.dash-likes__cheaper{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--accent)}
.dash-likes__cheaper::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.dash-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.dash-box .card__stock,.dash-box .card__eta,.dash-box .card__colours,.dash-box .card__pack,.dash-box .card__dots{display:none}
.dash-seen .card__tbi,.dash-seen .card .button{display:none}
/* "Адреси" and "Данни за фактура" side by side; a saved one in a card, the first green. */
.dash-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.woocommerce-MyAccount-content a.dash-add{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-left:auto;font-size:15px;font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.acc-box{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px}
.acc-box.is-first{border:2px solid #1E9E4A}
.acc-box--add{border:2px dashed #C3C8D8}
.acc-box__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#EEF0FA;color:var(--navy)}
.acc-box__icon--office{background:#FDECEC;color:var(--accent-dark)}
.acc-box__icon--company{background:#E8F1FB;color:#1D5BA8}
.acc-box__body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}
.page--wc .acc-box__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:16px;overflow-wrap:anywhere}
.acc-pill{padding:3px 9px;border-radius:999px;background:#E6F5EB;color:var(--green-dark);font-size:12px;font-weight:800}
.acc-box__line{font-size:14px;line-height:1.45;color:var(--ink-2);overflow-wrap:anywhere}
.acc-box__muted{font-size:14px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.acc-box__dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;margin:0;font-size:14px;line-height:1.45}
.acc-box__dl dt{color:var(--muted)}
.acc-box__dl dd{margin:0;color:var(--ink-2);overflow-wrap:anywhere}
.acc-box__links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:4px}
.acc-box__links form{margin:0}
.woocommerce-MyAccount-content .acc-box__links a,.acc-box__link,.page--wc button.acc-box__link{display:inline;min-height:0;padding:0;border:0;border-radius:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.acc-box__links summary.acc-box__link{list-style:none}
.acc-box__links summary::-webkit-details-marker,.acc-box__add::-webkit-details-marker{display:none}
.acc-box__links details[open]{flex-basis:100%}
.acc-box__add{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;padding:0 18px;border:2px solid var(--navy);border-radius:12px;background:#fff;color:var(--navy);font-size:15px;font-weight:800;list-style:none;cursor:pointer}
.acc-box__add:hover{background:#EEF0FA}
.page--wc button.acc-box__link:hover{background:none;color:var(--ink)}
.acc-box .acc-inv{margin:0}
.acc-box .acc-inv[open]{width:100%}
.acc-box .acc-inv[open]>summary{display:inline-flex}
.acc-box .acc-inv__form{margin-top:12px}
/* „Имаш фирма? …“ (a customer's): to "Търговски акаунт". */
.dash-trade{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:20px 24px;border-radius:22px;background:#E6F5EB}
.dash-trade__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:14px;background:#fff;color:var(--green-dark)}
.dash-trade__text{display:flex;flex-direction:column;gap:4px;flex:1 1 360px;min-width:0}
.dash-trade__title{font-size:17px;font-weight:800;color:var(--ink)}
.woocommerce-MyAccount-content .dash-trade__title a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
.dash-trade__sub{font-size:15px;color:var(--ink-2)}
/* On a computer the account's places are on the side. */
.dash-sec--places{display:none}
/* "Отзиви" (?view=otzivi). */
.dash-rate,.dash-written{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.dash-rate__item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:16px}
.dash-rate__pic{flex-shrink:0;width:64px;height:64px;border-radius:12px;overflow:hidden}
.dash-rate__pic img{width:100%;height:100%;object-fit:contain}
.woocommerce-MyAccount-content a.dash-rate__name{flex:1;min-width:0;font-weight:800;color:var(--ink);text-decoration:none}
.dash-rate__go{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.dash-written__item{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:16px}
.page--wc .dash-written__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 6px;font-weight:800}
.woocommerce-MyAccount-content .dash-written__head a{color:var(--ink)}
.dash-written__wait{padding:2px 10px;border-radius:999px;background:#FFF4DB;color:#8A5A00;font-size:12px}
.page--wc .dash-written__stars{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:13px;color:var(--muted)}
.page--wc .dash-written__text,.page--wc .dash-empty{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
/* The trader's terms next to the badge (0.8.4): "−20% от цената на едро · минимална поръчка 250 €". */
.acc-terms{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0}
.acc-terms__text{font-size:14px;font-weight:700;color:var(--green-dark)}
.page--wc .button--navy{background:var(--navy);color:#fff}
.page--wc .button--navy:hover{background:var(--ink);color:#fff}
.page--wc .button--ghost{background:#fff;color:var(--navy);border:1px solid var(--line-2)}
.page--wc .button--ghost:hover{border-color:var(--navy);background:#fff;color:var(--navy)}
/* A <button type="submit"> with them: as the links (button[type="submit"] above is stronger than a class). */
.page--wc button.button--navy{background:var(--navy);color:#fff}
.page--wc button.button--navy:hover{background:var(--ink);color:#fff}
.page--wc button.button--ghost{background:#fff;color:var(--navy);border:1px solid var(--line-2)}
.page--wc button.button--ghost:hover{border-color:var(--navy);background:#fff;color:var(--navy)}
/* An order's status: by WooCommerce's status (and the orders' table, by its row's class). */
.acc-status{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#EEF0FA;color:var(--navy);font-size:14px;font-weight:800;white-space:nowrap}
.acc-status--completed{background:#E6F5EB;color:var(--green-dark)}
.acc-status--pending,.acc-status--on-hold{background:#FFF4DB;color:#8A5A00}
.acc-status--cancelled,.acc-status--failed,.acc-status--refunded,.acc-status--varnata{background:#F1F2F6;color:var(--muted)}
.acc-status--dostavena{background:#E6F5EB;color:var(--green-dark)}
/* The shop panel's statuses (0.9.13): Потвърдена as Получена, На път green like a delivery on its way, Невзета и върната grey. */
.acc-status--fordelivery{background:#E6F5EB;color:var(--green-dark)}
.acc-status--returned{background:#F1F2F6;color:var(--muted)}
.woocommerce-MyAccount-content>p:first-child{font-size:17px}
.woocommerce-MyAccount-content a:not(.button):not(.acc-docs__link):not(.acc-addr__edit):not(.vo a):not(.acc-places a):not([class^="dash-"]):not(.card a){text-decoration:underline}

/* Tables: the orders, an order's lines, the downloads. */
.page--wc table.shop_table{width:100%;border-collapse:collapse;font-size:15px}
.page--wc table.shop_table th{padding:10px 12px;text-align:left;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.page--wc table.shop_table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.page--wc table.shop_table tfoot th{text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink)}
.page--wc table.shop_table tbody th{padding:14px 12px;text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink)}
.page--wc table.shop_table tr:last-child td,.page--wc table.shop_table tr:last-child th{border-bottom:0}
.page--wc .woocommerce-orders-table__cell-order-actions{text-align:right}
.page--wc .woocommerce-orders-table__cell-order-actions .button{margin:3px 0 3px 6px}
.page--wc .woocommerce-orders-table__cell-order-date{white-space:nowrap}
@media (max-width:1439px){.page--wc .woocommerce-orders-table__cell-order-date{white-space:normal}.page--wc .woocommerce-orders-table__cell-order-actions .button{white-space:normal;text-align:center}}
.page--wc .woocommerce-orders-table__cell-order-number a{font-weight:800;color:var(--navy)}
/* Н-18's documents in the orders' list (inc/account-orders.php, 0.8.6): a button each. */
.acc-docs{display:inline-flex;flex-wrap:wrap;gap:6px}
.woocommerce-MyAccount-content a.acc-docs__link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--navy);font-size:14px;font-weight:800;line-height:1.2;text-decoration:none}
.woocommerce-MyAccount-content a.acc-docs__link:hover{border-color:var(--navy);color:var(--navy)}
.acc-docs__link svg{flex-shrink:0}
.acc-docs__none{color:var(--line-2)}
/* WooCommerce 11's prompt to confirm the e-mail (the orders made without a profile), in the theme's card. */
.acc-verify{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:18px 20px;border:1px solid #D7DBF0;border-radius:16px;background:#EEF0FA}
.acc-verify__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--navy)}
.acc-verify__text{flex:1;min-width:0}
.page--wc .acc-verify__title{margin:0 0 2px;font-family:inherit;font-size:16px;font-weight:800;color:var(--ink)}
.page--wc .acc-verify__text p{margin:0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.acc-verify__button{flex-shrink:0}
/* No orders yet (woocommerce/myaccount/orders.php). */
.woocommerce-MyAccount-content:has(>.acc-empty){display:flex;flex-direction:column;padding:0;background:none;border:0;border-radius:0}
.acc-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 28px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center}
.acc-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:8px;border-radius:50%;background:#EEF0FA;color:var(--navy)}
.page--wc .acc-empty__title{margin:0;font-size:22px}
.page--wc .acc-empty__text{max-width:440px;margin:0 0 12px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.acc-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

.page--wc mark{background:none;color:inherit;font-weight:800}
/* "Поръчка №… бе направена на … и в момента е …": the status as the dashboard's pill. */
.page--wc mark.order-status{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#EEF0FA;color:var(--navy);font-size:15px}
/* An order's own buttons in its table (pay, cancel, withdrawal): light, as in the orders' list. */
.page--wc .woocommerce-table--order-details tfoot .button{min-height:40px;margin:3px 6px 3px 0;padding:0 14px;background:#fff;color:var(--navy);border:1px solid var(--line-2);font-size:14px;line-height:1.25;text-align:center}
.page--wc .woocommerce-table--order-details tfoot .button:hover{border-color:var(--navy);background:#fff;color:var(--navy)}
.page--wc .woocommerce-order-details,.page--wc .woocommerce-customer-details{margin-top:24px}
.page--wc .woocommerce-pagination{display:flex;gap:8px;margin-top:16px}

/* Addresses */
.woocommerce-Addresses.col2-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:8px}
.woocommerce-Address{padding:20px;border:1px solid var(--line);border-radius:16px}
.woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:10px}
.woocommerce-Address-title h2,.woocommerce-Address-title h3{margin:0;font-size:18px}
.woocommerce-Address .edit{display:inline-flex;align-items:center;border-radius:10px;text-decoration:none!important}
.woocommerce-Address address,.woocommerce-customer-details address{font-style:normal;line-height:1.6;color:var(--ink-2)}

/* The order tracking (woocommerce/order/form-tracking.php): one card in the middle, as the checkout's. */
.page--track{max-width:680px}
.page--track .crumbs{margin-bottom:12px}
.page--track .page__title{text-align:center}
.page--wc .woocommerce-form-track-order{display:flex;flex-direction:column;max-width:none;padding:28px}
.track-head{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.track-head__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#EEF0FA;color:var(--navy)}
.page--wc .track-head__text{margin:0;font-size:16px;line-height:1.45;color:var(--ink-2)}
.page--wc .woocommerce-form-track-order button[type="submit"]{width:100%;min-height:54px;font-size:17px}
.page--wc .track-help{margin:4px 0 0;font-size:14px;color:var(--muted);text-align:center}
.page--wc .track-help a{font-weight:800;color:var(--navy);white-space:nowrap}
/* The answer: the order's line and its details, under the card. */
.page--track .order-info{margin:0 0 16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:16px;line-height:1.6}

/* ---------- Beside the menu on a narrower computer: three cards in a row, "Адреси" over "Данни за фактура" ---------- */
@media (min-width:1024px) and (max-width:1279px){
	.dash-row{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dash-row>li:nth-child(n+4){display:none}
}
@media (max-width:1199px){
	.dash-pair{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Tablets and phones: the menu one row above, the orders as cards (0.8.3; until then phones only) ---------- */
@media (max-width:1023px){
	.woocommerce:has(>.acc-side){grid-template-columns:minmax(0,1fr);gap:16px}
	/* The side becomes one row that scrolls sideways, without the name (v2 0.15.0). */
	.acc-side{position:relative;padding:6px;border-radius:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.acc-me{display:none}
	.acc-places--side{flex-direction:row;width:max-content}
	.acc-places--side a{white-space:nowrap}
	.acc-places--side .is-active a{box-shadow:inset 0 -3px 0 var(--accent-dark)}
	/* A table row becomes a card with the column names (WooCommerce's data-title). */
	.page--wc table.shop_table_responsive thead{display:none}
	.page--wc table.shop_table_responsive tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
	.page--wc table.shop_table_responsive tbody th{display:block;padding:0 0 6px;border:0}
	.page--wc table.shop_table_responsive td{display:block;padding:6px 0;border:0;text-align:right}
	.page--wc table.shop_table_responsive td::after{content:"";display:table;clear:both}
	.page--wc table.shop_table_responsive td::before{content:attr(data-title);float:left;margin-right:12px;font-weight:800;color:var(--muted);text-align:left}
	.page--wc table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before{content:none}
	.acc-places--side a{min-height:44px;gap:8px;padding:0 12px}
	.acc-places--side .acc-places__item--customer-logout{margin:0 0 0 6px;padding:0 0 0 6px;border-top:0;border-left:1px solid var(--line)}
	/* On the dashboard its own card is the menu, at the end. */
	.woocommerce:has(.dash-hi)>.acc-side{display:none}
	.dash-sec--places{display:flex}
	.dash-sec--places nav{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 16px}
	.acc-places--card a{min-height:54px;padding:0 4px;border-radius:0;font-size:16px}
	.acc-places--card .acc-places__item+.acc-places__item a{border-top:1px solid var(--line)}
	.acc-places--card a:hover,.acc-places--card .is-active a{background:none}
	.dash-pair{grid-template-columns:minmax(0,1fr)}
}

/* ---------- The orders as cards up to 1279px (0.8.6: until then 1023px; with Н-18's "Документи" the table does not fit next to the menu) ---------- */
@media (max-width:1279px){
	.page--wc table.woocommerce-orders-table thead{display:none}
	.page--wc table.woocommerce-orders-table tbody th{display:block;padding:0 0 6px;border:0}
	.page--wc table.woocommerce-orders-table td{display:block;padding:6px 0;border:0;text-align:right}
	.page--wc table.woocommerce-orders-table td::after{content:"";display:table;clear:both}
	.page--wc table.woocommerce-orders-table td::before{content:attr(data-title);float:left;margin-right:12px;font-weight:800;color:var(--muted);text-align:left}
	/* The orders: a card each (number and status on top, the date and the sum, the buttons). */
	.woocommerce-MyAccount-content:has(>.woocommerce-orders-table){padding:0;background:none;border:0}
	.page--wc table.woocommerce-orders-table tbody{display:flex;flex-direction:column;gap:12px}
	.page--wc table.woocommerce-orders-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row dense;align-items:center;gap:8px 12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px}
	.page--wc table.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number{padding:0;font-size:17px}
	.page--wc table.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number::before{content:none}
	.page--wc table.woocommerce-orders-table td{padding:0}
	.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-status{grid-column:2;grid-row:1;justify-self:end}
	.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-status::before{content:none}
	.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-date,.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total{grid-column:1/-1;font-size:15px}
	.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-date::before,.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total::before{font-size:14px}
	.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid var(--line);text-align:left}
	.page--wc table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button{flex:1 1 auto;min-height:44px;margin:0}
	.page--wc .woocommerce-orders-table .button+.button{margin-left:0}
	/* The documents: their buttons under the column's name; no documents: no line. */
	.page--wc table.woocommerce-orders-table td[class*="-documents"],.page--wc table.woocommerce-orders-table td:has(>.acc-docs){grid-column:1/-1}
	.page--wc table.woocommerce-orders-table td:has(>.acc-docs__none:only-child){display:none}
}

/* ---------- Phones ---------- */
@media (max-width:767px){
	.acc-card,.u-columns.col2-set>.u-column1,.u-columns.col2-set>.u-column2,.woocommerce-MyAccount-content,.woocommerce-form-track-order,.woocommerce-ResetPassword{padding:18px;border-radius:16px}
	.woocommerce-message .button,.woocommerce-info .button{float:none;display:flex;margin:0 0 10px}
	.page--wc .woocommerce-form-track-order{padding:20px 18px}
	.track-head{gap:12px}
	.track-head__icon{width:48px;height:48px}
	.page--wc .track-head__text{font-size:15px}
	/* The dashboard (v2 0.15.0; no phone mock-up: V2Account's parts one under another). */
	.woocommerce-MyAccount-content:has(>.dash-hi),.woocommerce-MyAccount-content:has(>.dash-sec),.woocommerce-MyAccount-content:has(>.dash-box){gap:24px}
	.page--wc .acc-main__title,.page--wc .dash-hi__title{font-size:24px}
	.page--wc .dash-hi__text{font-size:15px}
	.page--wc .dash-sec__title{font-size:19px}
	.dash-sec__head{gap:8px}
	.woocommerce-MyAccount-content a.dash-add{font-size:14px}
	.dash-box{padding:18px;border-radius:18px}
	.ocard{gap:14px;padding:16px;border-radius:18px}
	/* „№ … · статус“ and the total on one row (without „Общо“), the date, payment and delivery under them. */
	.ocard__head{gap:8px 10px}
	.ocard__no{font-size:16px}
	.ocard__status{padding:4px 10px;font-size:12px}
	.ocard__total{font-size:0}
	.ocard__total b{font-size:17px}
	.ocard__meta{order:3;flex-basis:100%;font-size:13px}
	.ocard__steps{gap:4px}
	.ocard__label{font-size:12px;line-height:1.35}
	.ocard__pic{width:56px;height:56px}
	.page--wc .ocard__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));flex:1 1 100%}
	.ocard__actions .button{justify-content:center;min-height:48px;padding:0 12px}
	.dash-row{display:flex;gap:12px;margin:0 -18px;padding:0 18px 4px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
	.dash-row>li{flex:0 0 min(44vw,190px);scroll-snap-align:start}
	.acc-box{gap:12px;padding:14px}
	.acc-box__icon{width:40px;height:40px}
	.dash-trade{padding:18px;border-radius:18px}
	.dash-trade__icon{width:44px;height:44px}
	.dash-trade__title{font-size:16px}
	.dash-trade__sub{font-size:14px}
	.acc-verify{flex-wrap:wrap;gap:12px;padding:16px}
	.acc-verify__button{width:100%}
	.acc-empty{padding:28px 18px;border-radius:16px}
	.acc-empty__actions{flex-direction:column;align-self:stretch}
	.acc-empty__actions .button{width:100%}
}

/* ---------- „Отказ от договора“: WooCommerce's order withdrawal form (myaccount/form-order-withdrawal.php,
   its own markup; the plugin crocoland-withdrawal links to it). Your details → Review and confirm. ---------- */
.woocommerce-order-withdrawal-content{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.woocommerce-order-withdrawal-content__intro{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.45;color:var(--ink)}
.woocommerce-order-withdrawal-content__note{display:block;margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--muted)}
.woocommerce-order-withdrawal-content__steps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px;padding:0;list-style:none;counter-reset:withdrawal-step}
.woocommerce-order-withdrawal-content__step{counter-increment:withdrawal-step;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 8px;border-radius:999px;background:var(--ground);color:var(--muted);font-size:14px;font-weight:800}
.woocommerce-order-withdrawal-content__step::before{content:counter(withdrawal-step);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line-2);color:var(--muted);font-size:13px}
.woocommerce-order-withdrawal-content__step--current{background:var(--navy);color:#fff}
.woocommerce-order-withdrawal-content__step--current::before{border-color:#fff;color:var(--navy)}
.page--wc fieldset.woocommerce-order-withdrawal-content__radio-field{display:flex;flex-direction:column;gap:8px;margin:0 0 8px;padding:0;border:0;min-width:0}
.woocommerce-order-withdrawal-content__radio-field legend{margin:0 0 6px;padding:0;font-size:14px;font-weight:800;color:var(--ink)}
.woocommerce-order-withdrawal-content__radio-field legend .required{color:var(--accent)}
.woocommerce-order-withdrawal-content__radio-label{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;font-weight:700;cursor:pointer}
.woocommerce-order-withdrawal-content__radio-label:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#F7F8FC}
.woocommerce-order-withdrawal-content__radio-label input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--navy)}
.page--wc .woocommerce-OrderWithdrawalForm textarea{height:auto;min-height:120px;padding:12px 14px;line-height:1.5}
.woocommerce-order-withdrawal-content__field-error{display:block;margin-top:2px;font-size:13px;font-weight:700;color:var(--accent)}
.woocommerce-order-withdrawal-content .woocommerce-invalid input,.woocommerce-order-withdrawal-content .woocommerce-invalid textarea{border-color:var(--accent)}
.woocommerce-order-withdrawal-content__review{margin:0 0 18px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.woocommerce-order-withdrawal-content__review-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;padding:13px 18px}
.woocommerce-order-withdrawal-content__review-row+.woocommerce-order-withdrawal-content__review-row{border-top:1px solid var(--line)}
.woocommerce-order-withdrawal-content__review dt{font-size:14px;font-weight:700;color:var(--muted)}
.woocommerce-order-withdrawal-content__review dd{margin:0;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.woocommerce-order-withdrawal-content__actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.page--wc .woocommerce-OrderWithdrawalForm button.woocommerce-order-withdrawal-content__button--secondary{background:#fff;color:var(--navy);border:1px solid var(--line-2)}
.page--wc .woocommerce-OrderWithdrawalForm button.woocommerce-order-withdrawal-content__button--secondary:hover{background:#fff;color:var(--navy);border-color:var(--navy)}
/* The confirmation: what happened first, big. */
.woocommerce-order-withdrawal-content>p:first-of-type>strong:only-child{display:block;font-family:var(--display);font-size:24px;line-height:1.25;color:var(--green-dark)}
.woocommerce-order-withdrawal-content>p>a{font-weight:800;color:var(--navy)}
/* The plugin's button on the order's own page (Моят профил → Поръчки → the order). */
.page--wc .crocoland-withdrawal-link{margin:20px 0 0}
.page--wc .crocoland-withdrawal-link .button{min-height:44px;background:#fff;color:var(--navy);border:1px solid var(--line-2);font-size:15px}
.page--wc .crocoland-withdrawal-link .button:hover{border-color:var(--navy);background:#fff;color:var(--navy)}
@media (max-width:767px){
	.woocommerce-order-withdrawal-content{padding:20px 16px;border-radius:16px}
	.woocommerce-order-withdrawal-content__review-row{grid-template-columns:1fr;gap:2px;padding:12px 14px}
	.woocommerce-order-withdrawal-content__actions .button{width:100%}
}

/* A finger's 44px (0.8.3; touch screens only): "Запомни ме" and the other checkboxes of the forms. */
@media (pointer:coarse){
	.page--wc .woocommerce-form__label-for-checkbox{min-height:44px}
	/* "Желаете ли фактура на фирма?" (the B2B plugin's field): an inline label, taller by padding. */
	.page--wc .form-row label.checkbox{display:inline-block;padding-block:12px;margin-block:-12px}
	.woocommerce-MyAccount-content .acc-last__all{display:inline-block;padding-block:10px;margin-block:-10px}
	.woocommerce-LostPassword a,.lost_password a,.page--wc .woocommerce-orders-table__cell-order-number a{display:inline-block;padding-block:11px;margin-block:-11px}
	/* "Преглед", "Следваща"…: 40px buttons, 44px to the finger. */
	.page--wc .woocommerce-orders-table .button,.page--wc .woocommerce-Address .edit,.page--wc .woocommerce-button--previous,.page--wc .woocommerce-button--next,.page--wc .order-again .button{position:relative}
	.page--wc .woocommerce-orders-table .button::after,.page--wc .woocommerce-Address .edit::after,.page--wc .woocommerce-button--previous::after,.page--wc .woocommerce-button--next::after,.page--wc .order-again .button::after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}
}

/* ---------- One order (woocommerce/myaccount/view-order.php, 0.8.6): as "Благодарим" ---------- */
.woocommerce-MyAccount-content:has(>.vo){padding:0;background:none;border:0;border-radius:0}
.vo{display:flex;flex-direction:column;gap:16px}
.vo-head,.vo-card,.vo-extra{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 28px}
.vo-head{display:flex;flex-direction:column;gap:24px}
.vo-head__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px}
.page--wc .vo-head__title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0;font-family:inherit;font-size:16px;font-weight:700;color:var(--ink-2)}
.vo-head__title .acc-status{min-height:34px;padding:0 14px;font-size:15px}
.vo-head__actions{display:flex;flex-wrap:wrap;gap:8px}
.vo-head__actions .button{min-height:44px;padding:0 18px;font-size:15px}
.vo-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px}
.vo-grid__main,.vo-grid__side{display:flex;flex-direction:column;gap:16px;min-width:0}
.vo-card{display:flex;flex-direction:column;gap:16px}
.page--wc .vo-card__title{flex:1;min-width:0;margin:0;font-size:19px;line-height:1.25}
.vo a:not(.button){color:inherit;text-decoration:none}
/* The steps, the products, the sums and the cards' heads: the same as "Благодарим"'s (checkout.css). */
.vo .ty-steps__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.vo .ty-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:13px;line-height:1.35;color:var(--muted)}
.vo .ty-step::before{content:"";position:absolute;top:18px;left:calc(-50% + 13px);right:calc(50% + 25px);height:3px;border-radius:2px;background:var(--line-2)}
.vo .ty-step:first-child::before{display:none}
.vo .ty-step--done::before{background:var(--green)}
.vo .ty-step--current::before{background:linear-gradient(90deg,var(--green),var(--navy))}
.vo .ty-step__dot{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:6px;border:2px solid var(--line-2);border-radius:50%;background:#fff;color:var(--muted);font-size:15px;font-weight:800}
.vo .ty-step--done .ty-step__dot{border-color:var(--green);background:var(--green);color:#fff}
.vo .ty-step--current .ty-step__dot{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 0 0 5px #E3E5F4}
.vo .ty-step__title{font-size:15px;font-weight:800;line-height:1.3;color:var(--ink)}
.vo .ty-step--current .ty-step__title{color:var(--navy)}
.vo .ty-step__note{font-size:13px;line-height:1.35;color:var(--muted)}
/* Why the shop held or cancelled the order (0.9.13), as its e-mail says it. */
.vo-why{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding:14px 16px;border-radius:12px;background:#F1F2F6;color:var(--ink);font-size:15px;line-height:1.5}
.vo-why--held{background:#FFF4DB;border:1px solid #F1D79A}
.vo-why__title{margin:0;font-family:var(--display);font-size:16px;font-weight:700;color:var(--navy)}
.vo-why--held .vo-why__title{color:#8A5A00}
.vo .vo-why .vo-why__text{margin:0}
.vo .vo-why__text a{font-weight:800;text-decoration:underline}
.vo .ty-items{display:flex;flex-direction:column;gap:14px;margin:0;padding:0 0 16px;border-bottom:1px solid var(--line);list-style:none}
.vo .ty-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px}
.vo .ty-item__img{display:block;width:72px;height:72px;overflow:hidden;border-radius:12px;background:var(--ground)}
.vo .ty-item__img img{width:72px;height:72px;object-fit:contain;background:#fff}
.vo .ty-item__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.vo .ty-item__name{font-size:15px;font-weight:800;line-height:1.3;color:var(--ink)}
.vo .ty-item__name a:hover{color:var(--accent-dark)}
.vo .ty-item .wc-item-meta{display:flex;flex-wrap:wrap;gap:0 8px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--muted)}
.vo .ty-item .wc-item-meta li{display:flex;gap:4px}
.vo .ty-item .wc-item-meta p{display:inline;margin:0}
.vo .ty-item__qty{font-size:14px;font-weight:700;color:var(--muted)}
.vo .ty-item__sum{font-size:16px;font-weight:800;white-space:nowrap}
.vo .ty-totals{width:100%;border-collapse:collapse;font-size:15px}
.vo .ty-totals th,.vo .ty-totals td{padding:5px 0;border:0;text-align:left;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-2);vertical-align:top}
.vo .ty-totals td{padding-left:16px;text-align:right;font-weight:800;color:var(--ink);white-space:nowrap}
.vo .ty-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:16px;background:var(--navy);color:#fff}
.vo .ty-total__label{display:flex;flex-direction:column;gap:2px;font-size:19px;font-weight:700}
.vo .ty-total__label small{font-size:13px;font-weight:600;color:#C9CCEA}
.vo .ty-total__sum,.vo .ty-total__sum .amount{font-family:var(--display);font-weight:700;font-size:28px;line-height:1.2;color:#fff;white-space:nowrap}
.vo .ty-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.page--wc .vo .ty-card__head .vo-card__title{min-width:auto}
.page--wc .vo-grid__side .vo-card__title{font-size:18px}
.vo .ty-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#EEF0FA;color:var(--navy)}
.vo .ty-ship__logo{flex-shrink:0;width:auto;height:20px}
.vo .ty-ship__courier{font-weight:800;color:var(--navy)}
.page--wc .vo .ty-ship__kind{align-self:flex-start;margin:0;padding:4px 12px;border-radius:999px;background:#EEF0FA;color:var(--navy);font-size:13px;font-weight:800}
.page--wc .vo .ty-ship__place{margin:0;font-size:16px;font-weight:700;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.page--wc .vo-ship__more,.page--wc .vo-ship__soon{margin:-6px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.vo-parcel{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:var(--ground)}
.vo-parcel__label{font-size:13px;font-weight:800;color:var(--muted)}
.vo-parcel__number{font-family:var(--display);font-size:20px;line-height:1.3;letter-spacing:.02em;color:var(--ink);overflow-wrap:anywhere}
.vo-parcel__button{width:100%;margin-top:10px;justify-content:center}
.page--wc .vo .ty-pay__title{margin:0;font-size:16px;font-weight:800}
.page--wc .vo .ty-pay__text{margin:-6px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.page--wc .vo .ty-pay__text--cod{margin:0;padding:14px 16px;border:1px solid #F3D88E;border-radius:14px;background:#FFF4DB;color:#6B4700;font-size:15px;font-weight:700}
.vo .ty-pay__text--cod b{color:#4A3100;white-space:nowrap}
.page--wc .vo .ty-pay__text--tbi{margin:0;padding:14px 16px;border-radius:14px;background:#EEF0FA;color:var(--navy);font-weight:600}
.page--wc .vo-who__name{margin:0;font-size:16px;font-weight:800;overflow-wrap:anywhere}
.page--wc .vo-who__lines{margin:-10px 0 0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.vo-who__invoice{padding-top:14px;border-top:1px solid var(--line)}
.page--wc .vo-who__sub{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--ink)}
.vo-dl{display:flex;flex-direction:column;gap:4px;margin:0;font-size:14px;line-height:1.4}
.vo-dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}
.vo-dl dt{color:var(--muted)}
.vo-dl dd{margin:0;font-weight:700;overflow-wrap:anywhere}
/* Н-18's documents: a button each, across the card. */
.vo-docs{display:flex;flex-direction:column;gap:8px}
.vo a.vo-docs__link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:14px;background:var(--navy);color:#fff;font-size:15px;font-weight:800;text-align:center}
.vo a.vo-docs__link:hover{background:var(--ink);color:#fff}
.vo-help{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-radius:20px;background:var(--navy);color:#fff}
.page--wc .vo-help__title{margin:0;font-family:inherit;font-size:16px;font-weight:800;color:#fff}
.vo a.vo-help__phone{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-family:var(--display);font-weight:700;font-size:20px;color:#fff}
.vo a.vo-help__phone:hover{color:#fff;text-decoration:underline}
.page--wc .vo-help__hours{margin:0;font-size:14px;color:#C9CCEA}
.vo a.vo-help__link{display:inline-flex;align-items:center;align-self:flex-start;min-height:42px;margin-top:6px;padding:0 16px;border:2px solid #5B5FA3;border-radius:12px;color:#fff;font-size:14px;font-weight:800}
.vo a.vo-help__link:hover{border-color:#fff;color:#fff}
.vo-help a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.vo-notes{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.vo-notes li{padding:12px 14px;border-radius:12px;background:var(--ground)}
.vo-notes__date{display:block;margin-bottom:4px;font-size:13px;font-weight:800;color:var(--muted)}
.vo-notes__text p{margin:0;font-size:15px;line-height:1.5}
/* What the plugins add under an order, as they print it; the couriers' block hidden when the delivery card has its data. */
.vo-extra{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.5}
.vo-extra h2{font-size:19px}
.vo-extra table{width:100%;border-collapse:collapse}
.vo-extra th,.vo-extra td{padding:8px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.vo-extra a{text-decoration:underline}
.vo-extra--courier-read :is(#econt-title-image,#speedy-title-image,.econt-table,.speedy-table,.econt-info-container,.speedy-info-container){display:none}
.vo-extra--courier-read:not(:has(>:not(#econt-title-image):not(#speedy-title-image):not(.econt-table):not(.speedy-table):not(.econt-info-container):not(.speedy-info-container):not(script):not(style):not(noscript):not(link):not(br))){display:none}

@media (max-width:1279px){
	.vo-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:768px) and (max-width:1279px){
	.vo-grid__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media (max-width:767px){
	/* On a phone the delivery (where the parcel is) right under the status. */
	.vo-grid{display:flex;flex-direction:column;align-items:stretch}
	.vo-grid__main,.vo-grid__side{display:contents}
	.vo-ship{order:-1}
	.vo-head,.vo-card,.vo-extra{padding:18px;border-radius:16px}
	.vo-head{gap:18px}
	.vo-head__actions{width:100%}
	.vo-head__actions .button{flex:1 1 auto}
	/* The steps smaller, still in a row. */
	.vo .ty-steps__list{gap:4px}
	.vo .ty-step{font-size:12px}
	.vo .ty-step::before{top:13px;left:calc(-50% + 16px);right:calc(50% + 16px)}
	.vo .ty-step__dot{width:28px;height:28px;margin-bottom:4px;font-size:13px}
	.vo .ty-step__dot svg{width:14px;height:14px}
	.vo .ty-step--current .ty-step__dot{box-shadow:0 0 0 4px #E3E5F4}
	.vo .ty-step__title{font-size:12px}
	.vo .ty-item{grid-template-columns:64px minmax(0,1fr) auto;gap:12px}
	.vo .ty-item__img,.vo .ty-item__img img{width:64px;height:64px}
	.vo .ty-item__sum{align-self:end;font-size:15px}
	.vo .ty-total{padding:14px 16px}
	.vo .ty-total__label{font-size:17px}
	.vo .ty-total__sum,.vo .ty-total__sum .amount{font-size:22px}
	.vo-help{padding:20px}
}
@media (pointer:coarse){
	.vo .ty-item__name a{display:inline-block;padding-block:12px;margin-block:-12px}
	.vo a.vo-help__phone{padding-block:7px;margin-block:-7px}
}

/* ---------- Addresses (woocommerce/myaccount/my-address.php, 0.8.6): Получател, Фактура на фирма, Запазени офиси ---------- */
.woocommerce-MyAccount-content:has(>.acc-addr){padding:0;background:none;border:0;border-radius:0}
.page--wc .acc-addr-lead{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:14px 18px;border:1px solid #C9EBD4;border-radius:14px;background:#E6F5EB;color:var(--green-dark);font-size:15px;font-weight:700;line-height:1.4}
.acc-addr-lead svg{flex-shrink:0}
.acc-addr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.acc-addr__card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:20px}
.acc-addr__card--offices{grid-column:1/-1}
.acc-addr__head{display:flex;align-items:center;gap:12px}
.acc-addr__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#EEF0FA;color:var(--navy)}
.page--wc .acc-addr__title{flex:1;min-width:0;margin:0;font-size:19px}
.woocommerce-MyAccount-content a.acc-addr__edit{display:inline-flex;align-items:center;flex-shrink:0;min-height:38px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;color:var(--navy);font-size:14px;font-weight:800;text-decoration:none}
.woocommerce-MyAccount-content a.acc-addr__edit:hover{border-color:var(--navy)}
.acc-addr__body{font-style:normal;font-size:15px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.acc-addr__contact{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.page--wc .acc-addr__empty{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.woocommerce-MyAccount-content .acc-addr__add{font-weight:800;color:var(--navy)}
.acc-addr__hint{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.page--wc .acc-addr-more{margin:16px 0 0;font-size:15px}
.woocommerce-MyAccount-content .acc-addr-more a{font-weight:800;color:var(--navy)}
/* Econt's and Speedy's saved offices (their cards and edit forms, their public CSS), in the theme's look; their logos and links stay. */
.acc-offices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-auto-flow:row dense;align-items:start;gap:12px}
.acc-offices :is(.econt_user_address.econt-ma-card,.speedy_user_address.speedy-ma-card,#econt_edit_user_address,#speedy_edit_user_address){position:relative;max-width:none;margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--ground);box-shadow:none;font-size:15px;line-height:1.5;color:var(--ink)}
.acc-offices :is(.econt_user_address.econt-ma-card,.speedy_user_address.speedy-ma-card):hover{border-color:var(--line-2)}
.acc-offices :is(#econt_edit_user_address,#speedy_edit_user_address){grid-column:1/-1;background:#fff}
.acc-offices :is(.econt-ma-head,.speedy-ma-head){display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 44px 10px 0;border-bottom:1px solid var(--line)}
.acc-offices :is(.econt-ma-logo,.speedy-ma-logo){flex-shrink:0;width:auto;height:20px}
.acc-offices :is(.econt-ma-title,.speedy-ma-title){font-size:14px;font-weight:800;line-height:1.3;color:var(--ink)}
.acc-offices :is(.econt-ma-body,.speedy-ma-body){color:var(--ink)}
.acc-offices :is(.econt-ma-row,.speedy-ma-row){margin:2px 0}
.acc-offices :is(.econt-ma-row,.speedy-ma-row) strong{margin-right:6px;font-weight:700;color:var(--muted)}
.acc-offices .econt-ma-card a.econt-ma-edit,.acc-offices .speedy-ma-card a.speedy-ma-edit{position:absolute;top:12px;right:12px;left:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;overflow:hidden;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--navy);font-size:0;text-decoration:none}
.acc-offices .econt-ma-card a.econt-ma-edit::before,.acc-offices .speedy-ma-card a.speedy-ma-edit::before{content:"";display:block;width:18px;height:18px;background-color:var(--navy);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E") center/contain no-repeat}
.acc-offices .econt-ma-card a.econt-ma-edit::after,.acc-offices .speedy-ma-card a.speedy-ma-edit::after{content:none;display:none}
.acc-offices .econt-ma-card a.econt-ma-edit:hover,.acc-offices .speedy-ma-card a.speedy-ma-edit:hover{border-color:var(--navy);background:var(--navy)}
.acc-offices .econt-ma-card a.econt-ma-edit:hover::before,.acc-offices .speedy-ma-card a.speedy-ma-edit:hover::before{background-color:#fff}
.page--wc .acc-offices :is(#econt_edit_user_address,#speedy_edit_user_address) label{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--ink)}
.page--wc .acc-offices :is(#econt_edit_user_address,#speedy_edit_user_address) :is(input.input-text,select){height:50px;padding:0 14px;border:1px solid var(--line-2);border-radius:12px;font-size:16px}
.page--wc .acc-offices :is(#econt_edit_user_address,#speedy_edit_user_address) .select2-container--default .select2-selection--single{height:50px;border:1px solid var(--line-2);border-radius:12px}
.page--wc .acc-offices :is(#econt_edit_user_address,#speedy_edit_user_address) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-left:14px}
.page--wc .acc-offices :is(#econt_edit_user_address,#speedy_edit_user_address) .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px}
/* Their save button has its colours !important: the theme's navy the same way. */
.page--wc .acc-offices #econt_edit_user_address :is(a#save_user_address,.econt_save_receiver_address.button),.page--wc .acc-offices #speedy_edit_user_address :is(a#speedy_save_user_address,.speedy_save_receiver_address.button){display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:0!important;border-radius:12px;background:var(--navy)!important;color:#fff!important;font-weight:800;box-shadow:none;text-decoration:none}
.page--wc .acc-offices #econt_edit_user_address :is(a#save_user_address,.econt_save_receiver_address.button):hover,.page--wc .acc-offices #speedy_edit_user_address :is(a#speedy_save_user_address,.speedy_save_receiver_address.button):hover{background:var(--ink)!important}
/* The forms of "Данни за фактура" (0.8.7 on "Адреси"; v2 0.15.0 in its cards): open under the card, the fields two by two. */
.acc-inv{margin-top:auto}
.acc-inv__toggle{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;color:var(--navy);font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.acc-inv__toggle::-webkit-details-marker{display:none}
.acc-inv__toggle:hover{border-color:var(--navy)}
.acc-inv[open] .acc-inv__toggle{display:none}
.acc-inv__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.page--wc .acc-inv__row{margin:0;padding:0;width:auto;float:none}
.acc-inv__row--company,.acc-inv__row--address,.acc-inv__actions{grid-column:1/-1}
.page--wc .acc-inv__row label{display:block;margin:0 0 6px;font-size:14px;font-weight:800;color:var(--ink)}
.page--wc .acc-inv__row abbr{color:var(--accent);text-decoration:none}
.page--wc .acc-inv__actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0}
.page--wc .acc-inv__actions .button{min-height:48px}
@media (max-width:767px){
	.acc-inv__form{grid-template-columns:minmax(0,1fr)}
	.page--wc .acc-inv__actions .button{flex:1 1 100%}
}
@media (max-width:767px){
	.acc-addr{grid-template-columns:minmax(0,1fr);gap:12px}
	.acc-addr__card{padding:18px;border-radius:16px}
	.page--wc .acc-addr-lead{padding:12px 14px;font-size:14px}
}
/* "Фактурата ще е в пратката." under the company of the invoice (0.9.15). */
.inv-note{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:14px;font-weight:800;color:var(--green-text-ground)}
.inv-note svg{flex:none}

/* „Проследяване на поръчка“ (e2e 16, 30.10.2026): the order of the account in the page's narrow column — one card
   under another there, as on a phone (woocommerce/order/tracking.php). */
.vo{container-type:inline-size}
@container (max-width:760px){
	.vo-grid{display:flex;flex-direction:column;align-items:stretch}
}

/* e2e 77: the couriers' own block, when the card could not read it — their logo at a sensible size, not full width. */
.vo-extra :is(#econt-title-image,#speedy-title-image){display:block;max-height:40px;width:auto;max-width:160px}