/* RoboCap global soft sunset theme */
/* Fast disable: remove robocap_global_sunset.css link from site_header.php */

:root {
    --rc-page-bg-top: #f4dfc4;
    --rc-page-bg-mid: #f8ecdc;
    --rc-page-bg-bottom: #fff8ef;
    --rc-card-bg: #fffaf3;
    --rc-text: #111111;
}

html,
body {
    background:
        radial-gradient(circle at 50% -8%, rgba(255, 196, 126, 0.46) 0%, rgba(255, 214, 166, 0.20) 34%, rgba(255, 248, 239, 0) 68%),
        linear-gradient(180deg, var(--rc-page-bg-top) 0%, var(--rc-page-bg-mid) 42%, var(--rc-page-bg-bottom) 100%) !important;
    color: var(--rc-text) !important;
    min-height: 100vh;
}

/* Общая шапка больше не должна выглядеть как черная зона */
.site-header,
.site_header,
.header,
.top-header,
.top-bar,
.header-row,
.nav-row,
.header-wrap {
    background: transparent !important;
}

/* Кнопки в шапке на светлом фоне должны быть видимыми */
.site-header a,
.site_header a,
.header a,
.top-header a,
.top-bar a,
.header-row a,
.nav-row a,
.site-header button,
.site_header button,
.header button,
.top-header button,
.top-bar button,
.header-row button,
.nav-row button {
    color: #111 !important;
}

/* Белые svg-иконки в старой черной шапке делаем темными */
.site-header svg,
.site_header svg,
.header svg,
.top-header svg,
.top-bar svg,
.header-row svg,
.nav-row svg {
    color: #111 !important;
    fill: none;
    stroke: #111 !important;
}

/* Белые круглые/квадратные кнопки оставляем аккуратными */
.home-btn,
.ai-chat-btn,
.draw-tool-btn,
.header-btn,
.nav-btn,
.btn {
    border-color: #111 !important;
}

/* Основные карточки чуть теплее, не холодно-серые */
.choose-card,
.checkout-card,
.form-card,
.product-card,
.order-card,
.card,
.panel,
.section,
.white-card,
.main-card {
    background: var(--rc-card-bg) !important;
}

/* Если на страницах есть старые черные прокладки между блоками */
.black-bg,
.dark-bg,
.page-black,
.section-black {
    background: transparent !important;
}

/* Total на светлом фоне */
.total,
.total-line,
.total-box,
.total-price,
.summary-total,
#totalLine,
#topTotalLine,
#bottomTotalLine,
#totalPrice,
#bottomTotalPrice {
    background: transparent !important;
    color: #111 !important;
}

/* --- RoboCap softer brown outlines/icons override --- */
/* Fast disable: remove this block from robocap_global_sunset.css */

:root {
    --rc-ink: #241a13;
    --rc-border: #5a4330;
    --rc-border-soft: #7a6048;
    --rc-button-bg: #fffaf3;
}

/* Общий текст не чисто черный, а теплый почти черный */
body,
input,
textarea,
button,
select {
    color: var(--rc-ink) !important;
}

/* Все основные обводки: кнопки, поля, карточки, картинки */
button,
.btn,
.home-btn,
.ai-chat-btn,
.draw-tool-btn,
.header-btn,
.nav-btn,
input,
textarea,
select,
.product-image,
.product-img,
.image-box,
.photo-box,
.choose-card img,
.product-card img,
.quantity-btn,
.qty-btn,
.counter-btn,
.counter-value,
.quantity-value,
.checkout-card,
.form-card,
.card,
.panel,
.section,
.white-card,
.main-card {
    border-color: var(--rc-border) !important;
}

/* SVG-иконки в шапке и кнопках */
svg,
.site-header svg,
.site_header svg,
.header svg,
.top-header svg,
.top-bar svg,
.header-row svg,
.nav-row svg {
    stroke: var(--rc-border) !important;
    color: var(--rc-border) !important;
}

/* Если иконки сделаны через fill */
.site-header svg path,
.site_header svg path,
.header svg path,
.top-header svg path,
.top-bar svg path,
.header-row svg path,
.nav-row svg path {
    stroke: var(--rc-border) !important;
}

/* Кнопки количества: минус / плюс / цифра */
.quantity button,
.qty button,
.counter button,
.product-counter button,
.product-controls button {
    color: var(--rc-ink) !important;
    border-color: var(--rc-border) !important;
    background: var(--rc-button-bg) !important;
}

/* Поля ввода мягче */
input,
textarea {
    border-color: var(--rc-border) !important;
    background: #fffdf8 !important;
}

/* Фокус не синий/черный, а теплый */
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline-color: var(--rc-border-soft) !important;
    box-shadow: 0 0 0 2px rgba(122, 96, 72, 0.18) !important;
}

/* Total и жирные заголовки тоже теплые */
h1,
h2,
h3,
.total,
.total-line,
.total-box,
.total-price,
.summary-total,
#totalLine,
#topTotalLine,
#bottomTotalLine,
#totalPrice,
#bottomTotalPrice {
    color: var(--rc-ink) !important;
}

/* Dots у карусели не чисто черные */
.carousel-dot,
.dot,
.slider-dot {
    background-color: var(--rc-border-soft) !important;
}

/* --- End softer brown outlines/icons override --- */

/* --- RoboCap force brown borders instead of black --- */
/* Fast disable: remove this block */

:root {
    --rc-border-force: #5a4330;
    --rc-border-force-soft: #7a6048;
}

/* Главная правка: любые border-color делаем коричневыми */
*,
*::before,
*::after {
    border-color: var(--rc-border-force) !important;
    outline-color: var(--rc-border-force-soft) !important;
}

/* Если где-то border задан отдельно на стороны */
*[style*="border"],
*[style*="outline"] {
    border-color: var(--rc-border-force) !important;
    outline-color: var(--rc-border-force-soft) !important;
}

/* Частые элементы с толстой обводкой */
img,
button,
a,
input,
textarea,
select,
div,
span,
label,
.product-img,
.product-image,
.image-box,
.photo-box,
.carousel,
.carousel-frame,
.qty-btn,
.quantity-btn,
.counter-btn,
.counter-value,
.quantity-value,
.home-btn,
.ai-chat-btn,
.draw-tool-btn {
    border-color: var(--rc-border-force) !important;
}

/* Если черная обводка сделана через box-shadow */
.product-img,
.product-image,
.image-box,
.photo-box,
.carousel,
.carousel-frame,
.qty-btn,
.quantity-btn,
counter-btn,
.counter-value,
.quantity-value,
.home-btn,
.ai-chat-btn,
.draw-tool-btn,
button,
input,
textarea {
    box-shadow: none !important;
}

/* SVG/иконки оставляем коричневыми */
svg,
svg *,
.site-header svg,
.site-header svg *,
.header svg,
.header svg *,
.top-bar svg,
.top-bar svg * {
    stroke: var(--rc-border-force) !important;
    color: var(--rc-border-force) !important;
}

/* --- End force brown borders instead of black --- */

/* --- RoboCap lighter brown + remove black icon fills --- */
/* Fast disable: remove this block */

:root {
    --rc-ink: #2f241b;
    --rc-border: #7a5d43;
    --rc-border-force: #7a5d43;
    --rc-border-force-soft: #9a7a5b;
    --rc-button-bg: #fffaf3;
    --rc-button-bg-soft: rgba(255, 250, 243, 0.82);
}

/* Тон светлее: обводки, линии, иконки */
*,
*::before,
*::after {
    border-color: var(--rc-border) !important;
    outline-color: var(--rc-border-force-soft) !important;
}

/* Текст и основные иконки */
body,
button,
input,
textarea,
select,
a,
label,
h1,
h2,
h3,
.total,
.total-line,
.total-box,
.total-price,
#totalLine,
#topTotalLine,
#bottomTotalLine,
#totalPrice,
#bottomTotalPrice {
    color: var(--rc-ink) !important;
}

/* Убираем черную заливку в иконках SVG */
svg,
svg *,
.site-header svg,
.site-header svg *,
.site_header svg,
.site_header svg *,
.header svg,
.header svg *,
.top-bar svg,
.top-bar svg *,
.nav-row svg,
.nav-row svg * {
    color: var(--rc-border) !important;
    stroke: var(--rc-border) !important;
}

/* Важное: если svg-заливка была черной — делаем прозрачной */
.site-header svg path,
.site_header svg path,
.header svg path,
.top-bar svg path,
.nav-row svg path,
.home-btn svg path,
.ai-chat-btn svg path,
.header-btn svg path,
.nav-btn svg path {
    fill: none !important;
    stroke: var(--rc-border) !important;
}

/* Кнопки/иконки шапки: убрать черный фон */
.site-header a,
.site_header a,
.header a,
.top-bar a,
.nav-row a,
.site-header button,
.site_header button,
.header button,
.top-bar button,
.nav-row button,
.home-btn,
.ai-chat-btn,
.header-btn,
.nav-btn,
.draw-tool-btn {
    background: var(--rc-button-bg-soft) !important;
    background-color: var(--rc-button-bg-soft) !important;
    color: var(--rc-ink) !important;
    border-color: var(--rc-border) !important;
    box-shadow: none !important;
}

/* Если AI/chat сделан как круг с внутренней черной заливкой */
.ai-chat-btn *,
.ai-chat *,
.chat-btn *,
.home-btn *,
.header-btn *,
.nav-btn * {
    color: var(--rc-ink) !important;
    border-color: var(--rc-border) !important;
}

/* Кнопки +/- и числовые поля в sets */
.quantity-btn,
.qty-btn,
.counter-btn,
.counter-value,
.quantity-value,
.product-counter button,
.product-controls button,
.product-controls input,
button.minus,
button.plus {
    background: var(--rc-button-bg) !important;
    background-color: var(--rc-button-bg) !important;
    color: var(--rc-ink) !important;
    border-color: var(--rc-border) !important;
    box-shadow: none !important;
}

/* Поля формы */
input,
textarea,
select {
    background: #fffdf8 !important;
    color: var(--rc-ink) !important;
    border-color: var(--rc-border) !important;
}

/* Если где-то остался прямой черный background на кнопках */
*[style*="background:#000"],
*[style*="background: #000"],
*[style*="background-color:#000"],
*[style*="background-color: #000"],
*[style*="background:black"],
*[style*="background: black"],
*[style*="background-color:black"],
*[style*="background-color: black"] {
    background: var(--rc-button-bg-soft) !important;
    background-color: var(--rc-button-bg-soft) !important;
}

/* --- End RoboCap lighter brown + remove black icon fills --- */

/* --- RoboCap remove black fills from home/AI/send/clear + total black --- */
/* Fast disable: remove this block */

:root {
    --rc-soft-icon-bg: rgba(255, 250, 243, 0.92);
    --rc-icon-brown: #7a5d43;
    --rc-total-black: #000000;
}

/* Home / AI / Send / Clear кнопки: убрать черную заливку */
.home-btn,
.ai-chat-btn,
.draw-tool-btn,
.header-btn,
.nav-btn,
.send-btn,
.clear-btn,
.chat-send,
.chat-clear,
#sendBtn,
#clearBtn,
#chatSend,
#chatClear,
button[aria-label*="Home"],
button[aria-label*="AI"],
button[aria-label*="Send"],
button[aria-label*="Clear"],
button[title*="Home"],
button[title*="AI"],
button[title*="Send"],
button[title*="Clear"],
a[aria-label*="Home"],
a[aria-label*="AI"] {
    background: var(--rc-soft-icon-bg) !important;
    background-color: var(--rc-soft-icon-bg) !important;
    color: var(--rc-icon-brown) !important;
    border-color: var(--rc-icon-brown) !important;
    box-shadow: none !important;
}

/* Если черная заливка висит на внутренних div/span внутри кнопки */
.home-btn *,
.ai-chat-btn *,
.draw-tool-btn *,
.header-btn *,
.nav-btn *,
.send-btn *,
.clear-btn *,
.chat-send *,
.chat-clear *,
#sendBtn *,
#clearBtn *,
#chatSend *,
#chatClear * {
    background-color: transparent !important;
    color: var(--rc-icon-brown) !important;
    border-color: var(--rc-icon-brown) !important;
}

/* SVG: убрать черный fill у home / AI / send / clear */
.home-btn svg,
.home-btn svg *,
.ai-chat-btn svg,
.ai-chat-btn svg *,
.draw-tool-btn svg,
.draw-tool-btn svg *,
.header-btn svg,
.header-btn svg *,
.nav-btn svg,
.nav-btn svg *,
.send-btn svg,
.send-btn svg *,
.clear-btn svg,
.clear-btn svg *,
.chat-send svg,
.chat-send svg *,
.chat-clear svg,
.chat-clear svg *,
#sendBtn svg,
#sendBtn svg *,
#clearBtn svg,
#clearBtn svg *,
#chatSend svg,
#chatSend svg *,
#chatClear svg,
#chatClear svg * {
    color: var(--rc-icon-brown) !important;
    stroke: var(--rc-icon-brown) !important;
    fill: none !important;
}

/* Если иконка нарисована как filled-icon и после fill:none пропадет — текстовый цвет уже коричневый */
.home-btn svg [fill="#000"],
.home-btn svg [fill="black"],
.ai-chat-btn svg [fill="#000"],
.ai-chat-btn svg [fill="black"],
.send-btn svg [fill="#000"],
.send-btn svg [fill="black"],
.clear-btn svg [fill="#000"],
.clear-btn svg [fill="black"],
#sendBtn svg [fill="#000"],
#sendBtn svg [fill="black"],
#clearBtn svg [fill="#000"],
#clearBtn svg [fill="black"] {
    fill: none !important;
    stroke: var(--rc-icon-brown) !important;
}

/* Total должен быть черным */
.total,
.total-line,
.total-box,
.total-price,
.summary-total,
#totalLine,
#topTotalLine,
#bottomTotalLine,
#totalPrice,
#bottomTotalPrice,
[class*="total"],
[id*="total"] {
    color: var(--rc-total-black) !important;
}

/* --- End RoboCap remove black fills from home/AI/send/clear + total black --- */

/* --- Force AI chat send/clear buttons no black fill --- */
/* Fast disable: remove this block */

:root {
    --rc-ai-btn-bg: rgba(255, 250, 243, 0.94);
    --rc-ai-btn-border: #7a5d43;
    --rc-ai-btn-icon: #7a5d43;
}

/* Любые кнопки внутри AI/chat контейнера */
[class*="chat" i] button,
[id*="chat" i] button,
[class*="ai" i] button,
[id*="ai" i] button,
[class*="assistant" i] button,
[id*="assistant" i] button {
    background: var(--rc-ai-btn-bg) !important;
    background-color: var(--rc-ai-btn-bg) !important;
    color: var(--rc-ai-btn-icon) !important;
    border-color: var(--rc-ai-btn-border) !important;
    box-shadow: none !important;
}

/* Если внутри кнопки есть span/div с черной заливкой */
[class*="chat" i] button *,
[id*="chat" i] button *,
[class*="ai" i] button *,
[id*="ai" i] button *,
[class*="assistant" i] button *,
[id*="assistant" i] button * {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--rc-ai-btn-icon) !important;
    border-color: var(--rc-ai-btn-border) !important;
}

/* SVG send/clear: убрать черный fill */
[class*="chat" i] button svg,
[class*="chat" i] button svg *,
[id*="chat" i] button svg,
[id*="chat" i] button svg *,
[class*="ai" i] button svg,
[class*="ai" i] button svg *,
[id*="ai" i] button svg,
[id*="ai" i] button svg *,
[class*="assistant" i] button svg,
[class*="assistant" i] button svg *,
[id*="assistant" i] button svg,
[id*="assistant" i] button svg * {
    stroke: var(--rc-ai-btn-icon) !important;
    fill: none !important;
    color: var(--rc-ai-btn-icon) !important;
}

/* Если кнопки сделаны как input submit/reset */
[class*="chat" i] input[type="button"],
[class*="chat" i] input[type="submit"],
[class*="chat" i] input[type="reset"],
[id*="chat" i] input[type="button"],
[id*="chat" i] input[type="submit"],
[id*="chat" i] input[type="reset"] {
    background: var(--rc-ai-btn-bg) !important;
    background-color: var(--rc-ai-btn-bg) !important;
    color: var(--rc-ai-btn-icon) !important;
    border-color: var(--rc-ai-btn-border) !important;
    box-shadow: none !important;
}

/* Total оставляем черным */
.total,
.total-line,
.total-box,
.total-price,
.summary-total,
#totalLine,
#topTotalLine,
#bottomTotalLine,
#totalPrice,
#bottomTotalPrice {
    color: #000 !important;
}

/* --- End force AI chat send/clear buttons no black fill --- */

/* --- Force Total text black --- */
/* Fast disable: remove this block */

.total,
.total *,
.total-line,
.total-line *,
.total-box,
.total-box *,
.total-price,
.total-price *,
.summary-total,
.summary-total *,
#totalLine,
#totalLine *,
#topTotalLine,
#topTotalLine *,
#bottomTotalLine,
#bottomTotalLine *,
#totalPrice,
#totalPrice *,
#bottomTotalPrice,
#bottomTotalPrice *,
[class*="total" i],
[class*="total" i] *,
[id*="total" i],
[id*="total" i] * {
    color: #000000 !important;
}

/* --- End force Total text black --- */


/* --- RoboCap product cards soft neutral background --- */
/* Fast disable: remove this block */

:root {
    --rc-product-card-bg: #f7f6f3;
}

/* Карточки товаров: не белые, а мягкий серо-молочный фон */
.choose-card,
.product-card,
.product-item,
.product-box,
.order-item,
.item-card,
.set-card,
.tips-card,
.needle-card,
.robocap-card,
.checkout-product,
[class*="product" i][class*="card" i],
[class*="choose" i][class*="card" i] {
    background: var(--rc-product-card-bg) !important;
    background-color: var(--rc-product-card-bg) !important;
}

/* Нижняя текстовая часть карточек такого же цвета */
.choose-card .product-info,
.choose-card .product-text,
.choose-card .product-controls,
.product-card .product-info,
.product-card .product-text,
.product-card .product-controls,
.set-card .product-info,
.tips-card .product-info,
.needle-card .product-info,
.robocap-card .product-info {
    background: var(--rc-product-card-bg) !important;
    background-color: var(--rc-product-card-bg) !important;
}

/* Кнопки +/- тоже в том же тоне, чтобы не выглядели отдельно белыми */
.quantity-btn,
.qty-btn,
.counter-btn,
.product-counter button,
.product-controls button,
button.minus,
button.plus {
    background: var(--rc-product-card-bg) !important;
    background-color: var(--rc-product-card-bg) !important;
}

/* --- End RoboCap product cards soft neutral background --- */


/* --- RoboCap lighter sunset background --- */
/* Fast disable: remove this block */

:root {
    --rc-page-bg-top: #faecd9;
    --rc-page-bg-mid: #fff5e9;
    --rc-page-bg-bottom: #fffdf8;
}

html,
body {
    background:
        radial-gradient(circle at 50% -10%,
            rgba(255, 204, 145, 0.22) 0%,
            rgba(255, 224, 190, 0.10) 34%,
            rgba(255, 253, 248, 0) 70%
        ),
        linear-gradient(180deg,
            var(--rc-page-bg-top) 0%,
            var(--rc-page-bg-mid) 42%,
            var(--rc-page-bg-bottom) 100%
        ) !important;
}

/* --- End RoboCap lighter sunset background --- */

/* --- RoboCap thinner block borders --- */
/* Fast disable: remove this block */

.choose-card,
.checkout-card,
.form-card,
.product-card,
.product-item,
.product-box,
.order-item,
.item-card,
.set-card,
.tips-card,
.needle-card,
.robocap-card,
.checkout-product,
.card,
.panel,
.section,
.white-card,
.main-card,
[class*="product" i][class*="card" i],
[class*="choose" i][class*="card" i] {
    border-width: 0.7px !important;
}

/* Картинки внутри карточек тоже тоньше */
.product-image,
.product-img,
.image-box,
.photo-box,
.choose-card img,
.product-card img {
    border-width: 0.7px !important;
}

/* Кнопки +/- и маленькие счетчики тоже не такими толстыми */
.quantity-btn,
.qty-btn,
.counter-btn,
.counter-value,
.quantity-value,
.product-counter button,
.product-controls button,
button.minus,
button.plus {
    border-width: 0.7px !important;
}

/* --- End RoboCap thinner block borders --- */

/* --- RoboCap thinner block borders --- */
/* Fast disable: remove this block */

.choose-card,
.checkout-card,
.form-card,
.product-card,
.product-item,
.product-box,
.order-item,
.item-card,
.set-card,
.tips-card,
.needle-card,
.robocap-card,
.checkout-product,
.card,
.panel,
.section,
.white-card,
.main-card,
[class*="product" i][class*="card" i],
[class*="choose" i][class*="card" i] {
    border-width: 0.7px !important;
}

/* Картинки внутри карточек тоже тоньше */
.product-image,
.product-img,
.image-box,
.photo-box,
.choose-card img,
.product-card img {
    border-width: 0.7px !important;
}

/* Кнопки +/- и маленькие счетчики тоже не такими толстыми */
.quantity-btn,
.qty-btn,
.counter-btn,
.counter-value,
.quantity-value,
.product-counter button,
.product-controls button,
button.minus,
button.plus {
    border-width: 0.7px !important;
}

/* --- End RoboCap thinner block borders --- */