/**
 * Bridge: Fisher Design chrome + Art Decor AI body.
 * Keeps ART layout intact; only adjusts shell collision + dark theme.
 */

/* Brand orange (ART) instead of Fisher blue CTA */
body.studio-body[data-page="art-decor"] {
  --studio-accent: #ff8a00;
  --studio-link-hover: #d77400;
}

body.studio-body[data-page="art-decor"] .studio-cta-btn {
  background: #ff8a00;
  border-color: #ff8a00;
  color: #fff;
}

body.studio-body[data-page="art-decor"] .studio-cta-btn:hover,
body.studio-body[data-page="art-decor"] .studio-cta-btn:focus-visible {
  background: #d77400;
  border-color: #d77400;
  color: #fff;
}

body.studio-body main#studio-main.studio-main.art-page {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

/* Content width 1300px; section backgrounds (e.g. .third-section) stay full-bleed */
body.studio-body main#studio-main.studio-main.art-page .container-xl {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 992px) {
  body.studio-body main#studio-main.studio-main.art-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.studio-topbar__logo img {
  display: block;
  height: 2.25rem;
  width: auto;
  max-width: 11rem;
}

.studio-overlay-logo img {
  height: 10.75rem;
  width: auto;
  max-width: 25rem;
}

@media (max-width: 767.98px) {
  .studio-overlay-logo img {
    height: 4.75rem;
    width: auto;
    max-width: 21rem;
  }

  .studio-theme-toggle-menu {
    padding-top: 25px;
  }
}

.studio-footer__logo {
  height: 5.5rem;
  width: auto;
  max-width: 20rem;
}

/* Allow larger footer logo (chrome defaults to 2.25rem max-height) */
body.studio-body[data-page="art-decor"] .studio-footer__logo-link {
  max-height: none;
}

/* Telegram icon: black PNG → white on dark circle; hover → brand orange */
body.studio-body[data-page="art-decor"] .studio-footer__icon-btn img {
  filter: invert(1);
  transition: filter 0.2s ease;
}

body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:hover,
body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:focus-visible {
  background-color: #111 !important;
}

body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:hover img,
body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:focus-visible img {
  /* black → #FF8A00 */
  filter: invert(58%) sepia(95%) saturate(2500%) hue-rotate(1deg) brightness(105%) contrast(101%);
}

html[data-bs-theme="dark"] .studio-topbar__logo img,
html[data-bs-theme="dark"] .studio-overlay-logo img,
html[data-bs-theme="dark"] .studio-footer__logo,
html[data-bs-theme="dark"] .studio-footer__logo-link img {
  filter: invert(1);
}

html[data-bs-theme="dark"] .studio-footer__icon-btn.bg-dark {
  background-color: #f2f2f2 !important;
  color: #111 !important;
}

/* Dark theme: icon is black on light circle by default; hover → orange */
html[data-bs-theme="dark"] body.studio-body[data-page="art-decor"] .studio-footer__icon-btn img {
  filter: none;
}

html[data-bs-theme="dark"] body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:hover,
html[data-bs-theme="dark"] body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:focus-visible {
  background-color: #f2f2f2 !important;
}

html[data-bs-theme="dark"] body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:hover img,
html[data-bs-theme="dark"] body.studio-body[data-page="art-decor"] .studio-footer__icon-btn:focus-visible img {
  filter: invert(58%) sepia(95%) saturate(2500%) hue-rotate(1deg) brightness(105%) contrast(101%);
}

/* Dark theme for ART body surfaces */
html[data-bs-theme="dark"] .art-page {
  color: #f2f2f2;
  background: #111;
}

html[data-bs-theme="dark"] .art-page h1,
html[data-bs-theme="dark"] .art-page h2,
html[data-bs-theme="dark"] .art-page h3,
html[data-bs-theme="dark"] .art-page h4,
html[data-bs-theme="dark"] .art-page h5,
html[data-bs-theme="dark"] .art-page h6,
html[data-bs-theme="dark"] .art-page p,
html[data-bs-theme="dark"] .art-page .btn-back,
html[data-bs-theme="dark"] .art-page .btn-back p,
html[data-bs-theme="dark"] .art-page .art-back-label,
html[data-bs-theme="dark"] .art-page .text-description,
html[data-bs-theme="dark"] .art-page .text-interior,
html[data-bs-theme="dark"] .art-page .title-tab,
html[data-bs-theme="dark"] .art-page .static-text,
html[data-bs-theme="dark"] .art-page .img-title,
html[data-bs-theme="dark"] .art-page .describtion {
  color: #f2f2f2;
}

html[data-bs-theme="dark"] .art-page .third-section,
html[data-bs-theme="dark"] .art-page .eight-section {
  background-color: #1a1a1a !important;
  color: #f2f2f2;
}

/* FAQ accordion: override Bootstrap vars + art.css color:#000 */
html[data-bs-theme="dark"] .art-page .eight-section .accordion {
  --bs-accordion-btn-color: #f2f2f2;
  --bs-accordion-active-color: #f2f2f2;
  --bs-accordion-btn-bg: #1a1a1a;
  --bs-accordion-active-bg: #1a1a1a;
  --bs-accordion-border-color: transparent;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-body-color: #f2f2f2;
}

html[data-bs-theme="dark"] .art-page .eight-section .column .accordion .accordion-item .accordion-button,
html[data-bs-theme="dark"] .art-page .eight-section .column .accordion .accordion-item .accordion-button:not(.collapsed),
html[data-bs-theme="dark"] .art-page .eight-section .column .accordion .accordion-item .accordion-button:focus,
html[data-bs-theme="dark"] .art-page .eight-section .column .accordion .accordion-item .accordion-button.collapsed {
  background-color: #1a1a1a !important;
  color: #f2f2f2 !important;
  box-shadow: none !important;
}

html[data-bs-theme="dark"] .art-page .eight-section .column .accordion .accordion-item .accordion-body,
html[data-bs-theme="dark"] .art-page .eight-section .column .accordion .accordion-item .accordion-body p {
  background-color: #1a1a1a !important;
  color: #e8e8e8 !important;
}

html[data-bs-theme="dark"] .art-page .eight-section .art-faq-rule {
  border-color: #555 !important;
}

html[data-bs-theme="dark"] .art-page .art-price-card {
  background: #161616;
  border-color: #666;
}

html[data-bs-theme="dark"] .art-page .art-price-card h6,
html[data-bs-theme="dark"] .art-page .art-price-card p {
  color: #f2f2f2;
}

html[data-bs-theme="dark"] .art-page .art-price-card__rule,
html[data-bs-theme="dark"] .art-page .art-faq-rule,
html[data-bs-theme="dark"] .art-page .line-separator,
html[data-bs-theme="dark"] .art-page .line {
  border-color: #666;
}

html[data-bs-theme="dark"] .art-page .btn-back_group img {
  filter: invert(1);
}

html[data-bs-theme="dark"] .art-page .second-section,
html[data-bs-theme="dark"] .art-page .fourth-section,
html[data-bs-theme="dark"] .art-page .fifth-section,
html[data-bs-theme="dark"] .art-page .sixth-section,
html[data-bs-theme="dark"] .art-page .seventh-section,
html[data-bs-theme="dark"] .art-page .first-section,
html[data-bs-theme="dark"] .art-page .first-section-library,
html[data-bs-theme="dark"] .art-page .first-section-interiors {
  background-color: #111;
}

/* Order block: Telegram / WhatsApp + AI graphic (black assets → light in dark) */
html[data-bs-theme="dark"] .art-page .fourth-section .column .col-r .social-btn {
  color: #f2f2f2;
  border-color: #f2f2f2;
}

html[data-bs-theme="dark"] .art-page .fourth-section .column .col-r .social-btn:hover {
  background-color: #ff8a00;
  color: #111;
  border-color: #ff8a00;
}

html[data-bs-theme="dark"] .art-page .fourth-section .column .col-r .social-btn .soc-icon {
  filter: invert(1);
}

html[data-bs-theme="dark"] .art-page .fourth-section .column .col-r .social-btn:hover .soc-icon {
  filter: none;
}

html[data-bs-theme="dark"] .art-page .fourth-section .column .col-r .ai-icon {
  /* black lines → white; orange “AI” stays orange */
  filter: invert(1) hue-rotate(180deg);
}

/* Tabs: must beat .second-section .container-xl .tabs-nav .tab-button { color:#000 } */
html[data-bs-theme="dark"] .art-page .second-section .container-xl .tabs-nav .tab-button {
  color: #e8e8e8;
}

html[data-bs-theme="dark"] .art-page .second-section .container-xl .tabs-nav .tab-button:hover,
html[data-bs-theme="dark"] .art-page .second-section .container-xl .tabs-nav .tab-button.active {
  color: #ff8a00;
}

html[data-bs-theme="dark"] .art-page .second-section .container-xl .tabs-nav .tab-button::before,
html[data-bs-theme="dark"] .art-page .second-section .container-xl .tabs-nav .tab-button.active::before {
  background-color: #ff8a00;
}

/* Library / interiors category nav */
html[data-bs-theme="dark"] .art-page .first-section-library .container-xl .navigation-group .navigation .btn-nav,
html[data-bs-theme="dark"] .art-page .first-section-interiors .container-xl .navigation-group .navigation .btn-nav {
  color: #e8e8e8;
}

html[data-bs-theme="dark"] .art-page .first-section-library .container-xl .navigation-group .navigation .btn-nav:hover,
html[data-bs-theme="dark"] .art-page .first-section-interiors .container-xl .navigation-group .navigation .btn-nav:hover {
  color: #ff8a00;
}

html[data-bs-theme="dark"] .art-page .first-section-library .container-xl .button-group .order-btn {
  color: #f2f2f2;
  border-color: #f2f2f2;
}

html[data-bs-theme="dark"] .art-page .first-section-library .container-xl .navigation-group .line-separator,
html[data-bs-theme="dark"] .art-page .first-section-interiors .container-xl .navigation-group .line-separator {
  border-color: #666;
}

.art-page .btn-back_group img {
  width: 26px;
  height: 16px;
  margin-right: 15px;
  flex-shrink: 0;
}

.art-page .spinner {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .art-page .slides,
  .art-page .describtion,
  .art-page .btn-lg,
  .art-page .btn-md,
  .art-page .order-btn,
  .art-page .round-button {
    transition: none !important;
    animation: none !important;
  }
}

/* Legal pages */
body.studio-body main#studio-main.studio-main--legal {
  padding-top: 60px !important;
  max-width: 1300px;
  margin-inline: auto;
}

/* A11y bridge onto ART body (px typography + chrome classes) */
main#studio-main.art-page,
main#studio-main.studio-main--legal {
  zoom: var(--studio-a11y-font-scale, 1);
}

html.studio-a11y-readable-font .art-page,
html.studio-a11y-readable-font .art-page *,
html.studio-a11y-readable-font .studio-main--legal,
html.studio-a11y-readable-font .studio-main--legal * {
  font-family: Arial, Helvetica, "Segoe UI", sans-serif !important;
}

html.studio-a11y-line-height-custom .art-page,
html.studio-a11y-line-height-custom .art-page p,
html.studio-a11y-line-height-custom .art-page li,
html.studio-a11y-line-height-custom .art-page .btn-nav,
html.studio-a11y-line-height-custom .art-page .tab-button,
html.studio-a11y-line-height-custom .studio-main--legal {
  line-height: var(--studio-a11y-line-height) !important;
}

html.studio-a11y-letter-spacing-custom .art-page,
html.studio-a11y-letter-spacing-custom .art-page *,
html.studio-a11y-letter-spacing-custom .studio-main--legal * {
  letter-spacing: var(--studio-a11y-letter-spacing) !important;
}

html.studio-a11y-font-weight-custom .art-page,
html.studio-a11y-font-weight-custom .art-page *,
html.studio-a11y-font-weight-custom .studio-main--legal * {
  font-weight: var(--studio-a11y-font-weight) !important;
}

html.studio-a11y-text-align .art-page,
html.studio-a11y-text-align .art-page .static-text,
html.studio-a11y-text-align .art-page .tab-description,
html.studio-a11y-text-align .studio-main--legal .studio-legal-page__content {
  text-align: center !important;
}

html.studio-a11y-light-contrast .art-page,
html.studio-a11y-light-contrast[data-bs-theme="light"] .art-page,
html.studio-a11y-light-contrast[data-bs-theme="dark"] .art-page,
html.studio-a11y-light-contrast .studio-main--legal {
  color: #111 !important;
  background: #fff !important;
}

html.studio-a11y-light-contrast .art-page h1,
html.studio-a11y-light-contrast .art-page h2,
html.studio-a11y-light-contrast .art-page h3,
html.studio-a11y-light-contrast .art-page h4,
html.studio-a11y-light-contrast .art-page h5,
html.studio-a11y-light-contrast .art-page h6,
html.studio-a11y-light-contrast .art-page p,
html.studio-a11y-light-contrast .art-page .btn-nav,
html.studio-a11y-light-contrast .art-page .tab-button,
html.studio-a11y-light-contrast .art-page .btn-back,
html.studio-a11y-light-contrast .art-page .art-back-label {
  color: #111 !important;
}

html.studio-a11y-high-contrast .art-page,
html.studio-a11y-high-contrast[data-bs-theme="light"] .art-page,
html.studio-a11y-high-contrast[data-bs-theme="dark"] .art-page,
html.studio-a11y-high-contrast .studio-main--legal {
  color: #fff !important;
  background: #000 !important;
}

html.studio-a11y-high-contrast .art-page h1,
html.studio-a11y-high-contrast .art-page h2,
html.studio-a11y-high-contrast .art-page h3,
html.studio-a11y-high-contrast .art-page h4,
html.studio-a11y-high-contrast .art-page h5,
html.studio-a11y-high-contrast .art-page h6,
html.studio-a11y-high-contrast .art-page p,
html.studio-a11y-high-contrast .art-page .btn-nav,
html.studio-a11y-high-contrast .art-page .tab-button,
html.studio-a11y-high-contrast .art-page .btn-back,
html.studio-a11y-high-contrast .art-page .art-back-label,
html.studio-a11y-high-contrast .art-page .eight-section .accordion-button,
html.studio-a11y-high-contrast .art-page .eight-section .accordion-body {
  color: #fff !important;
  background-color: #000 !important;
}

html.studio-a11y-high-contrast .art-page .art-accent,
html.studio-a11y-light-contrast .art-page .art-accent {
  color: #ff8a00 !important;
}

html.studio-a11y-stop-animations .art-page,
html.studio-a11y-stop-animations .art-page * {
  animation: none !important;
  transition: none !important;
}

html.studio-a11y-highlight-content .art-page p,
html.studio-a11y-highlight-content .art-page li,
html.studio-a11y-highlight-content .art-page h1,
html.studio-a11y-highlight-content .art-page h2,
html.studio-a11y-highlight-content .art-page h3,
html.studio-a11y-highlight-content .art-page h4 {
  outline: 1px dashed #ff8a00;
  outline-offset: 3px;
}

html.studio-a11y-highlight-links .art-page a {
  text-decoration: underline !important;
  outline: 2px solid #ff8a00 !important;
  outline-offset: 2px;
  background: rgba(255, 138, 0, 0.12) !important;
}

html.studio-a11y-monochrome .art-page {
  filter: grayscale(1);
}

html.studio-a11y-hide-images .art-page img {
  visibility: hidden !important;
}

html.studio-a11y-large-cursor .art-page,
html.studio-a11y-large-cursor .art-page * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' stroke='%23fff' stroke-width='1.2' d='M4 2v24l7-7 4 12 3-1-4-12h9z'/%3E%3C/svg%3E") 2 2, auto !important;
}