/* Commerce Client - Agentforce Widget Styles */

/* ── Header button ── */
.cc-header-entry {
    vertical-align: top;
    display: inline-block;
    margin: 1.1em 0 0 0.75em;
}

.cc-header-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 7px 14px 7px 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    font-family: inherit;
    line-height: 1;
    white-space: nowrap;
    transition: background 0.15s ease, opacity 0.15s ease;
    text-decoration: none;
}

.cc-header-button:hover  { background: #222; }
.cc-header-button:active { opacity: 0.85; }

.cc-header-button svg {
    display: block;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    fill: #fff;
}

.cc-header-button-label { letter-spacing: 0.01em; }

@media (max-width: 767.98px) {
    .cc-header-button-label { display: none; }
    .cc-header-button        { padding: 7px 10px; }
    .cc-header-entry         { margin: 1.1em 0 0 0.5em; }
}

/* ── Full-height side panel ── */
.cim-widget-dialog.full-height.bottom-left,
.cim-widget-dialog.full-height.bottom-right {
    top: var(--cc-panel-top, 0) !important;
    bottom: 0 !important;
    height: var(--cc-panel-height, 100dvh) !important;
    border-radius: 0 !important;
    width: min(var(--cc-panel-width, 480px), 100vw) !important;
}

/* ── FAB ── */
body.cc-hide-fab .cim-widget-minimized-container { display: none !important; }

.cim-widget-minimized-icon-img { display: none !important; }
.cim-widget-minimized-button::before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='m 13,3.1269531 -2.449219,4.9023438 h 0.002 C 10.46793,8.1989068 10.373552,8.3644148 10.271484,8.5253906 9.7230121,9.3904205 8.9499947,10.093291 8.0273438,10.552734 l -0.1953126,0.09766 v 0.002 L 3.1269531,13 l 4.9003907,2.447266 0.00195,0.002 c 1.0920537,0.548915 1.9791522,1.430637 2.5234372,2.523437 l 0.05469,0.109375 L 13,22.873047 15.447266,17.972656 c 0.548711,-1.093088 1.429825,-1.9807 2.523437,-2.52539 h 0.002 L 22.873047,13 17.972656,10.552734 h -0.002 C 16.878149,10.003866 15.991721,9.1224988 15.447266,8.0292969 Z m 0,3.359375 1.025391,2.0527344 0.08008,0.1582031 c 0.690905,1.3872574 1.814575,2.5031314 3.193359,3.1953124 l 0.002,0.002 L 19.515625,13 17.460937,14.027344 c -0.03373,0.02188 -0.03649,0.01936 -0.373014,0.21873 -1.286979,0.697292 -2.324739,1.746452 -2.980469,3.052734 v 0.002 l -0.002,0.002 L 13,19.515625 11.894531,17.302734 c 0,0 0.1124,0.232446 0,0 -0.690903,-1.387173 -1.81465,-2.503141 -3.1933591,-3.195312 l -0.00195,-0.002 L 6.484375,13 8.6972656,11.894531 c 0,0 -0.010268,-0.0061 0,0 1.1704108,-0.582817 2.1472174,-1.474022 2.8398434,-2.566406 0.127917,-0.2017438 0.246886,-0.4117398 0.355469,-0.6289062 h 0.002 z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Page-push (cc_pagePush = true only) ── */
@media (min-width: 768px) {
    body.cc-panel-left,
    body.cc-panel-right {
        transition: margin-left 0.25s ease-out, margin-right 0.25s ease-out;
    }
    body.cc-panel-open.cc-panel-left  { margin-left:  min(var(--cc-panel-width, 480px), 50vw); }
    body.cc-panel-open.cc-panel-right { margin-right: min(var(--cc-panel-width, 480px), 50vw); }
}