/* ═══ ПРОФИЛЪТ И ВХОДЪТ ═══
   Дизайнът на входа, регистрацията и клиентския профил. Зарежда се само
   на тези страници (link в шаблоните им), не тежи на останалия сайт.
   Палитрата е тази на сайта: злато #c89633 върху тъмно #1f1c17. */

/* ── Входът и регистрацията ─────────────────────────────────────────── */
.ava-auth { max-width: 1060px; margin: 0 auto; padding: 28px 15px 56px; }

.ava-auth-grid {
    display: grid;
    grid-template-columns: 5fr 6fr;
    gap: 28px;
    align-items: stretch;
}

/* Поканата за регистрация — тъмната карта вляво. */
.ava-auth-invite {
    background: linear-gradient(160deg, #26221b, #17140f);
    color: #f4efe4;
    border-radius: 0;
    padding: 48px 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.ava-kicker {
    color: #c89633;
    font-size: 12px;
    letter-spacing: .28em;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.ava-auth-invite h1 {
    color: #fff;
    font-size: 26px;
    line-height: 1.25;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ava-auth-invite p { color: #cfc8b8; font-size: 15px; margin: 0 0 22px; }

.ava-perks { list-style: none; margin: 0 0 30px; padding: 0; }
.ava-perks li {
    position: relative;
    padding: 7px 0 7px 30px;
    font-size: 15px;
    color: #e8e2d4;
}
/* Отметката е чиста геометрия — без емоджи и без картинки. */
.ava-perks li::before {
    content: "";
    position: absolute;
    left: 4px; top: 12px;
    width: 6px; height: 11px;
    border-right: 2px solid #c89633;
    border-bottom: 2px solid #c89633;
    transform: rotate(45deg);
}

/* Картата с формата — вдясно. */
.ava-auth-card {
    background: #fff;
    border: 1px solid #eee8da;
    border-radius: 0;
    padding: 44px 48px;
    box-shadow: 0 12px 34px rgba(31, 25, 12, .07);
}
.ava-auth-title {
    font-size: 24px;
    margin: 0 0 6px;
    letter-spacing: .04em;
    color: #1f1c17;
    text-transform: uppercase;
    text-align: center;
}
.ava-auth-sub { color: #7d7668; font-size: 14px; text-align: center; margin: 0 0 26px; }

.ava-form label { display: block; font-size: 13px; font-weight: 600; color: #4d4739; margin: 14px 0 6px; }
.ava-lblrow { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ava-forgot { font-size: 13px; color: #a4802c; text-decoration: none; }
.ava-forgot:hover, .ava-forgot:focus-visible { color: #c89633; text-decoration: underline; }

.ava-form input[type="email"],
.ava-form input[type="text"],
.ava-form input[type="password"],
.ava-auth-card .form-control,
.ava-acc-main .form-control {
    width: 100%;
    height: 46px;
    padding: 10px 14px;
    font-size: 15px;
    color: #1f1c17;
    background: #fdfcf9;
    border: 1px solid #ddd5c4;
    border-radius: 0;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.ava-form input:focus,
.ava-auth-card .form-control:focus,
.ava-acc-main .form-control:focus {
    outline: none;
    border-color: #c89633;
    box-shadow: 0 0 0 3px rgba(200, 150, 51, .16);
    background: #fff;
}

/* Златният бутон — общ за входа, регистрацията и профила. */
.ava-btn-gold,
.ava-acc-main .btn.btn-dark,
.ava-auth-card .btn.btn-dark {
    display: inline-block;
    /* design.css стилва .btn.btn-dark по-късно във веригата — затова с тежест */
    background: linear-gradient(180deg, #d8a83e, #c08c2a) !important;
    color: #191611 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 14px 30px;
    border: 0 !important;
    border-radius: 0;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}
/* При посочване: по-светло злато и леко надигане — без сянка. */
.ava-btn-gold:hover,
.ava-acc-main .btn.btn-dark:hover,
.ava-auth-card .btn.btn-dark:hover {
    background: linear-gradient(180deg, #eed685, #dcb04a) !important;
    transform: translateY(-2px);
    box-shadow: none;
    color: #191611 !important;
    text-decoration: none;
}
.ava-btn-gold:active { transform: translateY(0); }
.ava-btn-gold:focus-visible,
.ava-acc-main .btn.btn-dark:focus-visible,
.ava-accnav a:focus-visible,
.ava-forgot:focus-visible {
    outline: 2px solid #c89633;
    outline-offset: 2px;
}
.ava-w100 { width: 100%; margin-top: 22px; }

/* Разделителят „или“ преди Google. */
.ava-or {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 26px 0 18px;
    color: #9b9484;
    font-size: 13px;
    text-transform: lowercase;
}
.ava-or::before, .ava-or::after { content: ""; flex: 1; height: 1px; background: #e7e0d0; }

.ava-social { display: flex; justify-content: center; }

/* Регистрацията — една карта в средата; редовете на Bootstrap се изправят. */
.ava-auth-solo { max-width: 560px; margin: 0 auto; float: none; }
.ava-auth-solo .form-group.row { display: block; margin: 0; }
.ava-auth-solo .form-group.row > label {
    width: 100%; max-width: 100%; flex: none;
    text-align: left !important;
    font-size: 13px; font-weight: 600; color: #4d4739;
    padding: 0; margin: 14px 0 6px;
}
.ava-auth-solo .form-group.row > div[class*="col-"] { width: 100%; max-width: 100%; flex: none; padding: 0; }
.ava-auth-solo div[align="center"][class*="col-"] { width: 100%; max-width: 100%; padding: 0; margin-top: 22px; }
.ava-auth-solo .btn-dark { width: 100%; }

/* ── Менюто на профила ──────────────────────────────────────────────── */
.ava-accnav {
    background: #fff;
    border: 1px solid #eee8da;
    border-radius: 0;
    padding: 10px;
    box-shadow: 0 8px 24px rgba(31, 25, 12, .05);
    margin-bottom: 24px;
}
.ava-accnav-head {
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #a4802c;
    padding: 12px 14px 10px;
    border-bottom: 1px solid #f0ead9;
    margin-bottom: 6px;
}
.ava-accnav a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 0;
    color: #3d382d;
    font-size: 15px;
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}
.ava-accnav a svg { flex: none; opacity: .75; }
.ava-accnav a:hover { background: #faf6ec; color: #1f1c17; text-decoration: none; }
.ava-accnav a.on {
    background: #1f1c17;
    color: #fff;
    box-shadow: inset 3px 0 0 #c89633;
}
.ava-accnav a.on svg { opacity: 1; color: #e6ce84; }
.ava-accnav-out { color: #9c4a3c; border-top: 1px solid #f0ead9; margin-top: 6px; border-radius: 0; }
.ava-accnav-out:hover { background: #fbf1ee !important; color: #8a3628 !important; }

/* ── Съдържанието на профила ────────────────────────────────────────── */
.ava-acc-main .panel-default,
.ava-card {
    background: #fff;
    border: 1px solid #eee8da;
    border-radius: 0;
    box-shadow: 0 8px 24px rgba(31, 25, 12, .05);
}
.ava-acc-main .panel-body, .ava-card { padding: 32px 36px; }
.ava-acc-main { overflow-x: auto; }

.ava-card-title {
    font-size: 20px;
    margin: 0 0 22px;
    color: #1f1c17;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding-bottom: 14px;
    border-bottom: 2px solid #c89633;
    display: inline-block;
}

/* Данните на профила — ред етикет/стойност. */
.ava-kv { display: grid; grid-template-columns: 190px 1fr; row-gap: 4px; margin: 0 0 26px; }
.ava-kv dt {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #9b9484;
    padding: 10px 0;
    font-weight: 600;
}
.ava-kv dd { margin: 0; padding: 10px 0; font-size: 15px; color: #1f1c17; border-bottom: 1px solid #f4efe3; }
.ava-kv dt { border-bottom: 1px solid #f4efe3; }
.ava-kv dt:last-of-type, .ava-kv dd:last-of-type { border-bottom: 0; }

/* Таблиците: поръчки и любими. */
.tblCustomerOrders, .tblWishlist { width: 100%; border-collapse: collapse; }
.tblCustomerOrders th, .tblWishlist thead td {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6d6555;
    text-align: left;
    padding: 12px 14px;
    border-bottom: 2px solid #1f1c17;
    background: #faf8f2;
}
.tblCustomerOrders td, .tblWishlist tbody td {
    padding: 14px;
    border-bottom: 1px solid #f0ead9;
    vertical-align: middle;
    font-size: 14px;
}
.tblCustomerOrders tr:hover td, .tblWishlist tbody tr:hover td { background: #fcfaf4; }
.tblCustomerOrders ul { margin: 0; padding-left: 18px; }
.tblWishlist img { width: 56px; height: 56px; object-fit: cover; border-radius: 0; }
.tblWishlist a { color: #1f1c17; }
.tblWishlist a:hover { color: #a4802c; }

/* Формите в профила (данни, парола). */
.ava-acc-main label { font-size: 13px; font-weight: 600; color: #4d4739; }
.ava-acc-main .form-group { margin-bottom: 14px; }

/* ── Телефон и таблет ───────────────────────────────────────────────── */
@media (max-width: 900px) {
    .ava-auth { padding: 16px 12px 40px; }
    .ava-auth-grid { grid-template-columns: 1fr; gap: 18px; }
    .ava-auth-invite { order: 2; padding: 32px 26px; text-align: center; }
    .ava-perks { text-align: left; max-width: 300px; margin-left: auto; margin-right: auto; }
    .ava-auth-card { order: 1; padding: 28px 22px; }
    .ava-acc-main .panel-body, .ava-card { padding: 22px 18px; }
    .ava-kv { grid-template-columns: 1fr; row-gap: 0; }
    .ava-kv dt { padding-bottom: 0; border-bottom: 0; }
    .ava-kv dd { padding-top: 2px; }
}

@media (prefers-reduced-motion: reduce) {
    .ava-btn-gold, .ava-accnav a, .ava-form input,
    .ava-acc-main .btn-dark, .ava-auth-card .btn-dark { transition: none; }
    .ava-btn-gold:hover { transform: none; }
}