/*
    Arienne Audio customer theme for HESK.
    Based on the PrestaShop arienneaudio theme tokens:
    accent #D86018, dark base #253237, warm support surfaces.
*/

:root {
    --aa-accent: #D86018;
    --aa-accent-dark: #A94711;
    --aa-accent-soft: #F7DFD1;
    --aa-accent-faint: #FFF3EA;
    --aa-dark: #253237;
    --aa-dark-2: #304148;
    --aa-ink: #151D20;
    --aa-muted: #617178;
    --aa-border: #E5DDD6;
    --aa-surface: #FFFFFF;
    --aa-cream: #FFF8F2;
    --aa-green: #2F8C62;
    --aa-page-bg: #F7F3EF;
    --aa-ticket-response-bg: #F4FBF6;
    --aa-table-bg: #FAF7F4;
    --aa-table-bg-even: #F2ECE6;
    --aa-placeholder: #8A7A70;
    --aa-disabled-bg: #E9E2DC;
    --aa-disabled-clr: #9B9088;
    --aa-success-soft: #ECF8F1;
    --aa-error: #C9423A;
    --aa-error-soft: #FFF1EF;
    --aa-warning: #D09A18;
    --aa-warning-soft: #FFF8DC;
    --aa-info-soft: #EEF4F5;
    --aa-focus-border: #ECB08C;
    --aa-hover-border: #EFBFA3;
    --aa-header-shadow: 0 10px 30px rgba(37, 50, 55, 0.08);
    --aa-card-shadow: 0 14px 34px rgba(37, 50, 55, 0.09);
    --aa-hero-shadow: 0 18px 42px rgba(37, 50, 55, 0.12);
    --aa-soft-shadow: 0 18px 42px rgba(37, 50, 55, 0.14);
    --aa-glass-bg: rgba(255, 255, 255, 0.72);
    --aa-glass-border: rgba(229, 221, 214, 0.75);
    --aa-hero-bg-start: rgba(255, 248, 242, 0.98);
    --aa-hero-bg-end: rgba(255, 255, 255, 0.98);
    --aa-focus-ring: rgba(216, 96, 24, 0.18);

    --primary: var(--aa-dark);
    --secondary: var(--aa-accent);
    --tertiary: var(--aa-accent);

    --surface: var(--aa-surface);
    --foreground: var(--aa-ink);
    --main-background: var(--aa-page-bg);

    --font__pri-clr: var(--aa-ink);
    --font__sec-clr: var(--aa-muted);

    --header__bg: var(--aa-surface);
    --header_logo__clr: var(--aa-dark);
    --header_nav__clr: var(--aa-dark);
    --header_nav__hover_clr: var(--aa-accent);
    --header_border__clr: var(--aa-border);

    --header_profile__clr: var(--aa-dark);
    --header_profile__menu-bg: var(--aa-surface);
    --header_profile__user-avatar-bg: var(--aa-accent);
    --header_profile__mobile-user-avatar-bg: var(--aa-dark);

    --icon_circle__clr: var(--aa-surface);
    --icon_circle__bg: var(--aa-dark);
    --navlink_icon_hover__clr: var(--aa-surface);
    --navlink_icon_hover__bg: var(--aa-accent);

    --navlink__bg: var(--aa-surface);
    --navlink__clr: var(--aa-muted);
    --navlink__hover-bg: var(--aa-accent-faint);
    --navlink__title-clr: var(--aa-dark);

    --notification__clr: var(--aa-ink);

    --input-bg: var(--aa-surface);
    --input-clr: var(--aa-ink);
    --radio__bg: var(--aa-surface);
    --radio__fill-clr: var(--aa-accent);
    --radio__hover-bg: var(--aa-accent-faint);
    --radio__hover-fill-clr: var(--aa-accent);
    --checkbox__bg: var(--aa-surface);
    --checkbox__hover-bg: var(--aa-accent-faint);

    --link__pri-clr: var(--aa-accent);
    --link__pri-hover-clr: var(--aa-accent-dark);
    --link__sec-clr: var(--aa-dark);
    --link__sec-hover-clr: var(--aa-accent);
    --footer__link-clr: var(--aa-accent);

    --ticket_body__bg: var(--aa-surface);
    --ticket_response__bg: var(--aa-ticket-response-bg);

    --preview__clr: var(--aa-muted);
    --preview__bg: var(--aa-surface);
    --preview__border-clr: var(--aa-border);
    --preview__hover-bg: var(--aa-accent-faint);
    --preview__hover-icon-fill: var(--aa-accent);
    --preview__title-clr: var(--aa-dark);

    --suggest_preview__bg: var(--aa-surface);
    --suggest_preview__clr: var(--aa-ink);
    --suggest_preview__border-clr: var(--aa-border);
    --suggest_preview__hover-bg: var(--aa-accent-faint);
    --suggest_preview__hover-icon-fill: var(--aa-accent);
    --suggest_preview__title-clr: var(--aa-dark);
    --article_preview__hover-clr: var(--aa-accent);
    --article_preview_suggestion_clr: var(--aa-muted);

    --table_row__bg: var(--aa-table-bg);
    --table_row__bg-even: var(--aa-table-bg-even);
    --table_row__bg-hover: var(--aa-accent-faint);

    --step_bar__item-clr: var(--aa-accent);
    --breadcrumbs__a-clr: var(--aa-accent);
    --breadcrumbs__a-hover-clr: var(--aa-accent-dark);

    --search__clr: var(--aa-ink);
    --search__bg: var(--aa-cream);
    --search__title-clr: var(--aa-dark);
    --search__input-placeholder-clr: var(--aa-placeholder);
    --search__icon-fill: var(--aa-accent);
    --search__input-bg: var(--aa-surface);

    --modal_body__bg: var(--aa-surface);

    --btn__bg-clr-pri: var(--aa-accent);
    --btn__clr-pri: var(--aa-surface);
    --btn__border-clr-pri: var(--aa-accent);
    --btn_full__hover_bg: var(--aa-accent-dark);
    --btn__disabled-bg-clr: var(--aa-disabled-bg);
    --btn__disabled-clr: var(--aa-disabled-clr);

    --dropdown__bg: var(--aa-surface);
    --dropdown__clr: var(--aa-dark);
    --dropdown_input__border-clr: var(--aa-border);
    --dropdown_label__border-clr: var(--aa-border);
    --dropdown_list__border-clr: var(--aa-border);

    --success: var(--aa-green);
    --success-2: var(--aa-success-soft);
    --error: var(--aa-error);
    --error-2: var(--aa-error-soft);
    --warning: var(--aa-warning);
    --warning-2: var(--aa-warning-soft);
    --info: var(--aa-dark);
    --info-2: var(--aa-info-soft);

    --shadow-1-30: var(--aa-soft-shadow);
}

.theme_arienne_audio body,
.theme_arienne_audio .cust-help {
    font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--aa-ink);
    background:
        linear-gradient(180deg, var(--aa-surface) 0, var(--aa-cream) 280px, var(--main-background) 100%);
}

.theme_arienne_audio h1,
.theme_arienne_audio h2,
.theme_arienne_audio h3,
.theme_arienne_audio .h-1,
.theme_arienne_audio .h-2,
.theme_arienne_audio .h-3,
.theme_arienne_audio .search__title,
.theme_arienne_audio .article__heading,
.theme_arienne_audio .navlink__title,
.theme_arienne_audio .preview__title {
    font-family: Georgia, "Times New Roman", serif;
    color: var(--aa-dark);
    letter-spacing: 0;
}

.theme_arienne_audio .header {
    border-bottom: 1px solid var(--aa-border);
    box-shadow: var(--aa-header-shadow);
}

.theme_arienne_audio .header__inner {
    min-height: 76px;
}

.theme_arienne_audio .header__logo {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--aa-dark);
}

.theme_arienne_audio .header__logo:hover,
.theme_arienne_audio .header__logo:focus,
.theme_arienne_audio .header .header__nav a:hover,
.theme_arienne_audio .header .header__nav a:focus {
    color: var(--aa-accent) !important;
}

.theme_arienne_audio .breadcrumbs {
    background: var(--aa-glass-bg);
    border-bottom: 1px solid var(--aa-glass-border);
}

.theme_arienne_audio .help-search {
    border: 1px solid var(--aa-border);
    border-radius: 8px;
    background:
        linear-gradient(135deg, var(--aa-hero-bg-start), var(--aa-hero-bg-end));
    box-shadow: var(--aa-hero-shadow);
}

.theme_arienne_audio .search__title {
    font-size: clamp(32px, 5vw, 54px);
    line-height: 1.08;
}

.theme_arienne_audio .search form,
.theme_arienne_audio .search__form,
.theme_arienne_audio .search__input {
    border-color: var(--aa-border) !important;
}

.theme_arienne_audio .form input.form-control,
.theme_arienne_audio .form textarea.form-control,
.theme_arienne_audio .form select.form-control,
.theme_arienne_audio .form .select__title,
.theme_arienne_audio input[type="text"],
.theme_arienne_audio input[type="email"],
.theme_arienne_audio input[type="password"],
.theme_arienne_audio textarea,
.theme_arienne_audio select {
    border-color: var(--aa-border) !important;
    background-color: var(--aa-surface) !important;
    color: var(--aa-ink) !important;
    border-radius: 8px !important;
}

.theme_arienne_audio .form input.form-control:focus,
.theme_arienne_audio .form textarea.form-control:focus,
.theme_arienne_audio input:focus,
.theme_arienne_audio textarea:focus,
.theme_arienne_audio select:focus {
    border-color: var(--aa-focus-border) !important;
    box-shadow: 0 0 0 4px var(--aa-focus-ring) !important;
    outline: 0;
}

.theme_arienne_audio .btn,
.theme_arienne_audio .btn-full,
.theme_arienne_audio button[type="submit"] {
    border-radius: 8px !important;
    font-weight: 700;
    letter-spacing: 0;
}

.theme_arienne_audio .btn-full,
.theme_arienne_audio .btn--blue,
.theme_arienne_audio .btn--blue-border:hover,
.theme_arienne_audio button[type="submit"] {
    background: var(--aa-accent) !important;
    border-color: var(--aa-accent) !important;
    color: var(--aa-surface) !important;
}

.theme_arienne_audio .btn-full:hover,
.theme_arienne_audio .btn-full:focus,
.theme_arienne_audio .btn--blue:hover,
.theme_arienne_audio .btn--blue:focus,
.theme_arienne_audio button[type="submit"]:hover,
.theme_arienne_audio button[type="submit"]:focus {
    background: var(--aa-accent-dark) !important;
    border-color: var(--aa-accent-dark) !important;
    color: var(--aa-surface) !important;
}

.theme_arienne_audio .btn--blue-border {
    border-color: var(--aa-accent) !important;
    color: var(--aa-accent) !important;
    background: transparent !important;
}

.theme_arienne_audio .nav {
    gap: 18px;
}

.theme_arienne_audio .navlink,
.theme_arienne_audio .preview,
.theme_arienne_audio .article,
.theme_arienne_audio .block,
.theme_arienne_audio .ticket__body_block,
.theme_arienne_audio .tabbed__tabs_tab,
.theme_arienne_audio .login,
.theme_arienne_audio .register {
    border: 1px solid var(--aa-border) !important;
    border-radius: 8px !important;
    background: var(--aa-surface) !important;
    box-shadow: var(--aa-card-shadow) !important;
}

.theme_arienne_audio .navlink:hover,
.theme_arienne_audio .navlink:focus,
.theme_arienne_audio .preview:hover,
.theme_arienne_audio .preview:focus {
    border-color: var(--aa-hover-border) !important;
    background: var(--aa-accent-faint) !important;
    transform: translateY(-1px);
}

.theme_arienne_audio .icon-in-circle {
    background: var(--aa-dark) !important;
    color: var(--aa-surface) !important;
}

.theme_arienne_audio .navlink:hover .icon-in-circle,
.theme_arienne_audio .preview:hover .icon-in-circle {
    background: var(--aa-accent) !important;
}

.theme_arienne_audio .icon-in-circle .icon,
.theme_arienne_audio .icon {
    fill: currentColor;
}

.theme_arienne_audio .article__heading a,
.theme_arienne_audio a.link,
.theme_arienne_audio .title-link {
    color: var(--aa-dark) !important;
}

.theme_arienne_audio .article__heading a:hover,
.theme_arienne_audio a.link:hover,
.theme_arienne_audio .title-link:hover {
    color: var(--aa-accent) !important;
}

.theme_arienne_audio .tabbed__head .tabbed__head_tabs li.current {
    color: var(--aa-dark) !important;
    box-shadow: inset 0 -2px 0 var(--aa-accent) !important;
}

.theme_arienne_audio .divider {
    background: var(--aa-border) !important;
    height: 1px !important;
}

.theme_arienne_audio .ticket__params .params--block .row {
    border-bottom-color: var(--aa-border) !important;
}

.theme_arienne_audio .ticket__block-footer {
    border-top-color: var(--aa-border) !important;
    color: var(--aa-muted) !important;
}

.theme_arienne_audio .notification,
.theme_arienne_audio .alert {
    border-radius: 8px !important;
    border-color: var(--aa-border) !important;
    color: var(--aa-ink) !important;
}

.theme_arienne_audio .dropdown-select .icon-chevron-down {
    fill: var(--aa-accent);
}

.theme_arienne_audio .footer {
    border-top: 1px solid var(--aa-border);
    background: var(--aa-glass-bg);
}

@media (max-width: 767px) {
    .theme_arienne_audio .header__inner {
        min-height: 64px;
    }

    .theme_arienne_audio .header__logo {
        font-size: 20px;
    }

    .theme_arienne_audio .help-search {
        border-radius: 8px;
    }
}
