/* DECETI Templates v0 — immutable Storage palette contract.
 * It uses the Templates palette roles only inside this component. */
html body .deceti-template-controls.deceti-templates-v0 {
  
  
  
  
  
  
  
  color: #111827;
}
html body .deceti-template-controls.deceti-templates-v0 .navmenu,
html body .deceti-template-controls.deceti-templates-v0 .s-content {
  background: #ffffff;
  border: 1px solid #d4d9df;
  border-radius: 16px;
}
html body .deceti-template-controls.deceti-templates-v0 .template-item,
html body .deceti-template-controls.deceti-templates-v0 .subtemplate-item {
  color: #111827;
  background: #ffffff;
  border: 1px solid #d4d9df;
  border-radius: 10px;
}
html body .deceti-template-controls.deceti-templates-v0 :is(.template-item, .subtemplate-item):hover {
  color: #111827;
  background: #bbf3ff;
  border-color: #02b5ff;
}
html body .deceti-template-controls.deceti-templates-v0 :is(.template-item, .subtemplate-item).active {
  color: #ffffff;
  background: #00334d;
  border-color: #00334d;
}
html body .deceti-template-controls.deceti-templates-v0 .navmenu .submenu { background: transparent; }
html body .deceti-template-controls.deceti-templates-v0 .search-bar input,
html body .deceti-template-controls.deceti-templates-v0 .size-select {
  color: #111827;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
}
html body .deceti-template-controls.deceti-templates-v0 .search-bar input::placeholder { color: #6b7280; opacity: 1; }
html body .deceti-template-controls.deceti-templates-v0 .search-bar input:focus,
html body .deceti-template-controls.deceti-templates-v0 .size-select:focus { outline: 2px solid #02b5ff; outline-offset: 2px; }
html body .deceti-template-controls.deceti-templates-v0 .search-bar button,
html body .deceti-template-controls.deceti-templates-v0 :is(a.btn.btn-customize, a.btn-customize, .btn.btn-customize, .btn-customize),
html body .deceti-template-controls.deceti-templates-v0 .shape-button.active,
html body .deceti-template-controls.deceti-templates-v0 .shape-accordion-toggle.active {
  color: #ffffff !important;
  background: #00334d !important;
  border: 1px solid #00334d !important;
  border-radius: 10px;
}
html body .deceti-template-controls.deceti-templates-v0 .search-bar button:hover,
html body .deceti-template-controls.deceti-templates-v0 :is(a.btn.btn-customize, a.btn-customize, .btn.btn-customize, .btn-customize):hover {
  color: #ffffff !important;
  background: #00c5f0 !important;
  border-color: #00c5f0 !important;
}
html body .deceti-template-controls.deceti-templates-v0 .item-box {
  color: #111827;
  background: #ffffff;
  border: 1px solid #d4d9df;
  border-radius: 10px;
}
html body .deceti-template-controls.deceti-templates-v0 .item-box:hover {
  background: #ffffff;
  border-color: #02b5ff;
  outline: var(--deceti-template-outline-width) solid #02b5ff;
}
html body .deceti-template-controls.deceti-templates-v0 .item-box img { background: #ffffff; object-fit: contain; }
html body .deceti-template-controls.deceti-templates-v0 .new-category-name { color: #000000; }
html body .deceti-template-controls.deceti-templates-v0 .shape-button,
html body .deceti-template-controls.deceti-templates-v0 .shape-accordion-toggle {
  color: #111827;
  background: #ffffff;
  border: 1px solid #d4d9df;
  border-radius: 10px;
}
html body .deceti-template-controls.deceti-templates-v0 .shape-button:hover,
html body .deceti-template-controls.deceti-templates-v0 .shape-accordion-toggle:hover { background: #bbf3ff; border-color: #02b5ff; }
html body .deceti-template-controls.deceti-templates-v0 .color-button { border: 0; }
html body .deceti-template-controls.deceti-templates-v0 .color-button.active { border: 3px solid #02b5ff; }
html body .deceti-template-controls.deceti-templates-v0,
html body .deceti-template-controls.deceti-templates-v0 *,
html body .deceti-template-controls.deceti-templates-v0 *::before,
html body .deceti-template-controls.deceti-templates-v0 *::after { box-shadow: none; text-shadow: none; }

/* Category and subcategory controls are separate palette roles.  These final
 * component rules intentionally win the legacy v0 hover text declaration. */
html body .deceti-template-controls.deceti-templates-v0 .template-item {
  color: #111827 !important;
  background: #ffffff !important;
  border-color: #d4d9df !important;
}
html body .deceti-template-controls.deceti-templates-v0 .template-item:hover {
  color: #111827 !important;
  background: #bbf3ff !important;
  border-color: #02b5ff !important;
}
html body .deceti-template-controls.deceti-templates-v0 .template-item.active {
  color: #ffffff !important;
  background: #00334d !important;
  border-color: #00334d !important;
}
html body .deceti-template-controls.deceti-templates-v0 .subtemplate-item {
  color: #00334d !important;
  background: #ffffff !important;
  border-color: #d4d9df !important;
}
html body .deceti-template-controls.deceti-templates-v0 .subtemplate-item:hover {
  color: #00334d !important;
  background: #bbf3ff !important;
  border-color: #02b5ff !important;
}
html body .deceti-template-controls.deceti-templates-v0 .subtemplate-item.active {
  color: #ffffff !important;
  background: #00334d !important;
  border-color: #00334d !important;
}

/* The product-page block wrapper is not one of the two white gallery panels.
 * Leave explicit Admin background customization intact. */
html body .deceti-block-templates.deceti-dynamic-block:not(.deceti-block-customized):has(.deceti-template-controls.deceti-templates-v0) {
  background-color: transparent !important;
}