/*
 * Commerce Client — Agentforce Messaging Widget overrides.
 * Extracted from templates/default/cimulate/messagingWidget.isml (static rules only).
 * Site-preference-driven theme overrides (headerBg, fontColor, citationColor)
 * remain inline in the ISML template since they depend on runtime config.
 */
.cim-widget-message-container p,
.cim-widget-message-container li,
.cim-widget-ul .cim-widget-li {
    font-size: 14px !important;
    font-family: 'Noto Sans' !important;
    line-height: 1.5 !important;
}
.cim-widget-msg-pdp__card .cim-widget-msg-pdp__content .cim-widget-msg-pdp__title-link,
.cim-widget-msg-pdp__card .cim-widget-msg-pdp__content .cim-widget-msg-pdp__title {
    font-family: 'Noto Sans', Arial, sans-serif !important;
}
.cim-widget-message-container span {
    line-height: 1.5rem;
}
button.cim-widget-escalate-btn {
    display: none !important;
}
.cim-widget-msg-pdp__variant-name {
    display: none !important;
}
.cim-widget-msg-pdp__variant:has(.cim-widget-msg-pdp__stepper) .cim-widget-msg-pdp__variant-label {
    display: none !important;
}
.cim-widget-progress-steps {
    display: none !important;
}
@keyframes cc-spin {
    to { transform: rotate(360deg); }
}
.cc-progress-generic {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    color: #6b6b6b;
    font-style: italic;
}
.cc-progress-generic::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #e4e4e4;
    border-top-color: #d00070;
    border-radius: 50%;
    animation: cc-spin 0.7s linear infinite;
}
.cim-widget-cart-coupon {
    display: none !important;
}
.cim-widget-msg-product-card__content {
    height: auto !important;
}
.cim-widget-msg-product-card {
    min-width: 140px !important;
}
.cim-widget-msg-product-card.card-full-width {
    width: 100% !important;
    max-width: 260px !important;
    min-width: unset !important;
}
.cim-widget-msg-product-card.card-full-width .cim-widget-msg-product-card__image-wrapper {
    aspect-ratio: auto !important;
    height: auto !important;
}
.cim-widget-msg-product-card.card-full-width .cim-widget-msg-product-card__image {
    height: auto !important;
    width: 100% !important;
}
.cim-widget-message-group-child > div:not([style]):not([class]) {
    margin-bottom: 2rem !important;
}

/* Splash screen — positioning set by JS, CSS handles only animations/typography */
/* Each letter fades in sequentially — typewriter feel, no movement */
@keyframes cc-splash-letter-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes cc-splash-sub-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes cc-splash-out {
    from { opacity: 1; }
    to   { opacity: 0; }
}
.cc-splash__word {
    display: flex;
    align-items: baseline;
    letter-spacing: 8px;
    padding-left: 8px;
}
.cc-splash__letter {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 44px;
    font-weight: 300;
    opacity: 0;
}
.cc-splash__letter--light { color: #c8c8c8; }
.cc-splash__letter--dark  { color: #36234d; }
.cc-splash__letter:nth-child(1) { animation-delay: 0ms; }
.cc-splash__letter:nth-child(2) { animation-delay: 75ms; }
.cc-splash__letter:nth-child(3) { animation-delay: 150ms; }
.cc-splash__letter:nth-child(4) { animation-delay: 225ms; }
.cc-splash__letter:nth-child(5) { animation-delay: 300ms; }
#cc-splash.cc-splash--in .cc-splash__letter {
    animation: cc-splash-letter-in 0.35s ease forwards;
}
.cc-splash__sub {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 15px;
    color: #36234d;
    letter-spacing: 2px;
    opacity: 0;
}
.cc-splash__tagline {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 11px;
    color: #aaa;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0;
}
#cc-splash.cc-splash--in .cc-splash__sub {
    animation: cc-splash-sub-in 0.4s ease 0.7s forwards;
}
#cc-splash.cc-splash--in .cc-splash__tagline {
    animation: cc-splash-sub-in 0.4s ease 0.95s forwards;
}
#cc-splash.cc-splash--out {
    animation: cc-splash-out 0.3s ease forwards;
}

/* PDP card — image: fill available pane width */
.cim-widget-pdp-gallery__image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
.cim-widget-msg-pdp__gallery,
.cim-widget-pdp-gallery {
    padding: 0.4rem !important;
    border-right: none !important;
}

/* PDP card — actions row: stepper + add-to-cart on one line */
.cim-widget-msg-pdp__actions {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.6rem !important;
    flex-wrap: nowrap !important;
}
.cim-widget-msg-pdp__add-to-cart {
    flex: 1 !important;
}

/* PDP card — shade chips: tight spacing */
.cim-widget-msg-pdp__chips {
    gap: 0.25rem !important;
    margin-top: 0.4rem !important;
}
.cim-widget-msg-pdp__chip {
    margin-bottom: 0 !important;
    padding: 0.2rem 0.65rem !important;
}
.cim-widget-msg-pdp__variant {
    margin-top: 0.6rem !important;
}