/*
    Wifimedia customer theme for RMA — premium polish
    Active when customer_theme = wifimedia (html.theme_wifimedia)
*/

:root {
    --wm-green: #7BBC42;
    --wm-green-dark: #6AA835;
    --wm-green-deep: #5a9430;
    --wm-green-soft: #edf7e3;
    --wm-green-mid: #d4ecc0;
    --wm-ink: #1a1c1e;
    --wm-ink-soft: #4a4f55;
    --wm-muted: #6b7480;
    --wm-line: #e6e8ec;
    --wm-bg: #f3f5f7;
    --wm-radius: 18px;
    --wm-radius-sm: 12px;
    --wm-shadow: 0 8px 30px rgba(26, 28, 30, 0.07);
    --wm-shadow-hover: 0 14px 40px rgba(26, 28, 30, 0.12);
    --wm-ease: cubic-bezier(0.22, 1, 0.36, 1);

    --primary: #7BBC42;
    --secondary: #7BBC42;
    --tertiary: #6AA835;

    --surface: #ffffff;
    --main-background: #f3f5f7;

    --font__pri-clr: #1a1c1e;
    --font__sec-clr: #6b7480;

    --header__bg: #ffffff;
    --header_logo__clr: #1a1c1e;
    --header_nav__clr: #333333;
    --header_nav__hover_clr: #7BBC42;

    --search__bg: #edf7e3;

    --breadcrumbs__a-hover-clr: #5a9430;
    --link__pri-hover-clr: #5a9430;
    --link__pri-clr: #7BBC42;
    --link__sec-clr: #7BBC42;
    --link__sec-hover-clr: #5a9430;

    --info: #333333;
    --info-2: #edf7e3;

    --input-bg: #ffffff;

    --datepicker__clr: var(--gray-5);
    --shadow-1-30: var(--shadow-1-10);
    --notification__clr: var(--font__pri-clr);

    --table_row__bg-hover: color-mix(in srgb, var(--surface) 88%, var(--secondary));

    --navlink__title-clr: #1a1c1e;
    --navlink__hover-bg: #edf7e3;
    --preview__clr: var(--font__pri-clr);
    --preview__hover-bg: #f7faf4;
    --preview__border-clr: #e6e8ec;
    --suggest_preview__hover-icon-fill: var(--primary);

    --ticket_response__bg: color-mix(in srgb, white 90%, var(--primary));

    --header_profile__clr: #7BBC42;

    --icon_circle__clr: #ffffff;
    --icon_circle__bg: #7BBC42;
    --navlink_icon_hover__clr: #ffffff;
    --navlink_icon_hover__bg: #6AA835;

    --dropdown__clr: var(--font__pri-clr);

    --btn__bg-clr-pri: #7BBC42;
    --btn__clr-pri: #ffffff;
    --btn__border-clr-pri: #6AA835;

    --green-1: #7BBC42;
}

:root {
    --header_border__clr: rgba(26, 28, 30, 0.08) !important;
    --btn_full__hover_bg: #6AA835 !important;
    --dropdown_input__border-clr: #e6e8ec !important;
    --dropdown_label__border-clr: #e6e8ec !important;
    --dropdown_list__border-clr: #e6e8ec !important;
}

/* Baseline light polish */
.preview { box-shadow: none !important; }
.preview .preview__text span:not(.lightgrey),
.preview .preview__text .navlink__descr { color: var(--wm-ink-soft) !important; }
.tabbed__head .tabbed__head_tabs li.current {
    background: none !important;
    box-shadow: none !important;
    color: var(--wm-ink) !important;
}
.tabbed__tabs .tabbed__tabs_tab { box-shadow: none !important; }
.divider {
    height: 1px !important;
    margin: 28px 0 !important;
    background: var(--wm-line) !important;
}
.ticket__block-footer {
    border-top: none !important;
    color: var(--wm-muted) !important;
}
a.link { text-decoration: none !important; }
.ticket__params .params--block .row { border-bottom: none !important; }
.main__content .article .block__head {
    background: none !important;
    box-shadow: none !important;
}
.preview:hover .icon-in-circle .icon { fill: var(--primary) !important; }
.article__heading,
.select__title,
.cust-help .h-3,
.title-link,
.main__content .article .block__head .h-3,
.ticket__body_block h1,
.ticket__body_block h2 {
    color: var(--wm-ink) !important;
}
.form input.form-control,
.form textarea.form-control {
    border-color: var(--wm-line) !important;
}
.form input.form-control::placeholder,
.form textarea.form-control::placeholder {
    color: #9aa3ad !important;
}
.ticket__params .params--block .row .title { color: var(--wm-muted) !important; }
.ticket__body_block.naked {
    box-shadow: var(--wm-shadow) !important;
}
.header .header__nav .profile__user .profile__menu .profile--view a:hover {
    color: #fff !important;
}
.dropdown-select .icon-chevron-down { fill: #c5cad4; }
.param.calendar .calendar--value { color: var(--font__pri-clr) !important; }
.radio-custom [type="radio"]:checked + label,
.checkbox-custom [type="checkbox"]:not(:checked) + label,
.checkbox-custom [type="checkbox"]:checked + label {
    color: var(--font__sec-clr) !important;
}

/* ========== PREMIUM SURFACE ========== */
.theme_wifimedia body.cust-help,
.theme_wifimedia .wrapper {
    background:
        radial-gradient(1200px 500px at 10% -10%, rgba(123, 188, 66, 0.10), transparent 55%),
        radial-gradient(900px 400px at 100% 0%, rgba(123, 188, 66, 0.06), transparent 50%),
        linear-gradient(180deg, #f7f8fa 0%, #f3f5f7 40%, #eef1f4 100%) !important;
    color: var(--wm-ink);
}

.theme_wifimedia .main__content {
    padding-top: 28px !important;
    padding-bottom: 56px !important;
}

.theme_wifimedia .contr {
    max-width: 980px;
}

/* Sticky glass header */
.theme_wifimedia .header {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background: rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(14px) saturate(1.2);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    box-shadow: 0 1px 0 rgba(26, 28, 30, 0.06), 0 8px 24px rgba(26, 28, 30, 0.04) !important;
    border-bottom: none !important;
}

.theme_wifimedia .header__logo {
    display: flex !important;
    align-items: center !important;
    line-height: 0 !important;
    transition: opacity 0.2s var(--wm-ease);
}

.theme_wifimedia .header__logo:hover { opacity: 0.85; }

.theme_wifimedia .header__logo img {
    display: block;
    height: 40px;
    width: auto;
    max-width: 220px;
}

.theme_wifimedia .breadcrumbs {
    padding-top: 14px !important;
    padding-bottom: 6px !important;
}

.theme_wifimedia .breadcrumbs a {
    color: var(--wm-muted) !important;
    transition: color 0.15s ease;
}

.theme_wifimedia .breadcrumbs a:hover {
    color: var(--wm-green) !important;
}

.theme_wifimedia .breadcrumbs .last {
    color: var(--wm-ink) !important;
    font-weight: 600;
}

/* Home hero */
.theme_wifimedia .help-search {
    margin-bottom: 36px !important;
    text-align: center;
}

.theme_wifimedia .search__title {
    color: var(--wm-ink) !important;
    font-size: clamp(1.75rem, 3.2vw, 2.35rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.15 !important;
    margin-bottom: 8px !important;
}

.theme_wifimedia .page-index .search__title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin: 16px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--wm-green), var(--wm-green-dark));
}

/* Action cards */
.theme_wifimedia .nav {
    gap: 18px !important;
    justify-content: center !important;
}

.theme_wifimedia .navlink {
    position: relative !important;
    overflow: hidden !important;
    border-radius: var(--wm-radius) !important;
    border: 1px solid rgba(26, 28, 30, 0.06) !important;
    background: #fff !important;
    box-shadow: var(--wm-shadow) !important;
    max-width: 380px !important;
    padding: 22px 20px !important;
    margin: 10px !important;
    transition:
        box-shadow 0.28s var(--wm-ease),
        transform 0.28s var(--wm-ease),
        border-color 0.28s ease !important;
}

.theme_wifimedia .navlink::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--wm-green), var(--wm-green-dark));
    opacity: 0;
    transition: opacity 0.25s ease;
}

.theme_wifimedia .navlink:hover {
    box-shadow: var(--wm-shadow-hover) !important;
    transform: translateY(-3px) !important;
    border-color: rgba(123, 188, 66, 0.35) !important;
    background: #fff !important;
}

.theme_wifimedia .navlink:hover::before { opacity: 1; }

.theme_wifimedia .navlink__title {
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: -0.01em;
    color: var(--wm-ink) !important;
}

.theme_wifimedia .navlink__descr {
    color: var(--wm-muted) !important;
    font-size: 13px !important;
    margin-top: 2px;
}

.theme_wifimedia .icon-in-circle {
    width: 48px !important;
    height: 48px !important;
    box-shadow: 0 8px 20px rgba(123, 188, 66, 0.28) !important;
    transition: transform 0.28s var(--wm-ease), box-shadow 0.28s ease !important;
}

.theme_wifimedia .navlink:hover .icon-in-circle {
    transform: scale(1.06);
    box-shadow: 0 10px 26px rgba(123, 188, 66, 0.38) !important;
}

/* Buttons */
.theme_wifimedia .btn,
.theme_wifimedia .btn-full,
.theme_wifimedia .btn--blue-border {
    border-radius: 999px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s var(--wm-ease) !important;
}

.theme_wifimedia .btn-full {
    background: linear-gradient(180deg, #86c64d 0%, var(--wm-green) 100%) !important;
    border-color: var(--wm-green-dark) !important;
    box-shadow: 0 6px 16px rgba(123, 188, 66, 0.28) !important;
    min-height: 44px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.theme_wifimedia .btn-full:hover {
    background: linear-gradient(180deg, var(--wm-green) 0%, var(--wm-green-dark) 100%) !important;
    box-shadow: 0 10px 22px rgba(106, 168, 53, 0.35) !important;
    transform: translateY(-1px);
}

.theme_wifimedia .btn--blue-border {
    border-width: 1.5px !important;
    border-color: var(--wm-green) !important;
    color: var(--wm-green-deep) !important;
    background: #fff !important;
}

.theme_wifimedia .btn--blue-border:hover {
    background: var(--wm-green) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(123, 188, 66, 0.25) !important;
}

/* Forms */
.theme_wifimedia .form input.form-control,
.theme_wifimedia .form textarea.form-control,
.theme_wifimedia .form select.form-control {
    border-radius: var(--wm-radius-sm) !important;
    border-width: 1.5px !important;
    border-color: #dce1e6 !important;
    background: #fff !important;
    min-height: 44px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.theme_wifimedia .form textarea.form-control {
    min-height: 120px;
}

.theme_wifimedia .form input.form-control:hover,
.theme_wifimedia .form textarea.form-control:hover,
.theme_wifimedia .form select.form-control:hover {
    border-color: #c5ccd4 !important;
}

.theme_wifimedia .form input.form-control:focus,
.theme_wifimedia .form textarea.form-control:focus,
.theme_wifimedia .form select.form-control:focus {
    border-color: var(--wm-green) !important;
    box-shadow: 0 0 0 4px rgba(123, 188, 66, 0.18) !important;
    outline: none !important;
}

.theme_wifimedia .form-group label {
    font-weight: 600 !important;
    color: var(--wm-ink) !important;
    letter-spacing: -0.01em;
}

/* Content cards — targeted, not every .block */
.theme_wifimedia .contr > .article,
.theme_wifimedia .ticket__body_block,
.theme_wifimedia .block--attach,
.theme_wifimedia .form.form-submit-ticket,
.theme_wifimedia .block--article,
.theme_wifimedia .ticket {
    border-radius: var(--wm-radius) !important;
    border: 1px solid rgba(26, 28, 30, 0.06) !important;
    box-shadow: var(--wm-shadow) !important;
    background: #fff !important;
}

.theme_wifimedia .form.form-submit-ticket {
    padding: 28px 32px 32px !important;
}

.theme_wifimedia .page-create-ticket .block--head,
.theme_wifimedia .ticket .block--head {
    border-radius: var(--wm-radius) var(--wm-radius) 0 0 !important;
}

.theme_wifimedia .preview {
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
    padding: 14px !important;
}

.theme_wifimedia .preview:hover {
    background: var(--wm-green-soft) !important;
    border-color: var(--wm-green-mid) !important;
}

/* Alerts */
.theme_wifimedia .notification {
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(26, 28, 30, 0.05) !important;
}

/* Ticket view */
.theme_wifimedia .ticket__replies .reply,
.theme_wifimedia .ticket__body_block.naked {
    border-radius: 14px !important;
}

.theme_wifimedia .param.calendar .calendar--button,
.theme_wifimedia .calendar--button {
    border-radius: 10px !important;
    background: var(--wm-green) !important;
    box-shadow: 0 4px 12px rgba(123, 188, 66, 0.3) !important;
}

/* Footer */
.theme_wifimedia .footer {
    padding: 28px 16px 36px !important;
    opacity: 0.85;
}

.theme_wifimedia .footer .link {
    color: var(--wm-green) !important;
}

/* Subtle page enter */
@keyframes wmFadeUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.theme_wifimedia .main__content > .contr {
    animation: wmFadeUp 0.45s var(--wm-ease) both;
}

.theme_wifimedia .navlink:nth-child(1) { animation: wmFadeUp 0.5s var(--wm-ease) 0.05s both; }
.theme_wifimedia .navlink:nth-child(2) { animation: wmFadeUp 0.5s var(--wm-ease) 0.12s both; }

@media (prefers-reduced-motion: reduce) {
    .theme_wifimedia .main__content > .contr,
    .theme_wifimedia .navlink {
        animation: none !important;
    }
    .theme_wifimedia .navlink:hover,
    .theme_wifimedia .btn-full:hover {
        transform: none !important;
    }
}

@media (max-width: 768px) {
    .theme_wifimedia .header__logo img { height: 32px; }
    .theme_wifimedia .search__title { font-size: 1.55rem !important; }
    .theme_wifimedia .navlink { border-radius: 14px !important; }
}