/*
 * ASSET MANIFEST - the one place that maps every icon / logo slot to its file.
 * Full guide and slot table: /shared/assets/README.md
 *
 * Swap an icon:  overwrite the file, or change the url() on its line below.
 *   - Line uses --icon-mask : the file is a shape, painted in the surrounding text colour (currentColor).
 *   - To show a file in its own colours (full-colour SVG/PNG/WebP), rename that line's
 *     property from --icon-mask to --icon-image.
 * Swap the logo: replace brand/logo-112.png (and logo-160/512.png), see /shared/assets/README.md.
 * Pictures (illustrations) are plain <img> files, see the README.
 */

:root {
  --brand-logo: url("/shared/assets/brand/logo-112.png");
  --brand-logo-display: block; /* set to none to hide the logo before the business name */
  --brand-logo-width: 112px;
  --brand-logo-height: 112px;
}

/* Buttons and contact */
.icon-phone { --icon-mask: url("/shared/assets/icons/phone.svg"); }
.icon-whatsapp { --icon-mask: url("/shared/assets/icons/whatsapp.svg"); }
.icon-arrow { --icon-mask: url("/shared/assets/icons/arrow.svg"); }

/* Header, dialogs, labels */
.icon-menu { --icon-mask: url("/shared/assets/icons/menu.svg"); }
.icon-close { --icon-mask: url("/shared/assets/icons/close.svg"); }
.icon-image-label { --icon-mask: url("/shared/assets/icons/image-label.svg"); }
.icon-stamp-check { --icon-mask: url("/shared/assets/icons/stamp-check.svg"); }
.icon-area-pin { --icon-mask: url("/shared/assets/icons/area-pin.svg"); }

/* Toggles and checkboxes */
.icon-check { --icon-mask: url("/shared/assets/icons/check.svg"); }
.icon-faq-toggle { --icon-mask: url("/shared/assets/icons/faq-toggle.svg"); }
.icon-gallery-expand { --icon-mask: url("/shared/assets/icons/gallery-expand.svg"); }
.icon-brief-task { --icon-mask: url("/shared/assets/icons/brief-task.svg"); }

/* Service cards */
.icon-service-hanging { --icon-mask: url("/shared/assets/icons/service-hanging.svg"); }
.icon-service-tv { --icon-mask: url("/shared/assets/icons/service-tv.svg"); }
.icon-service-assembly { --icon-mask: url("/shared/assets/icons/service-assembly.svg"); }
.icon-service-cabinet { --icon-mask: url("/shared/assets/icons/service-cabinet.svg"); }
.icon-service-walls { --icon-mask: url("/shared/assets/icons/service-walls.svg"); }
.icon-service-bathroom { --icon-mask: url("/shared/assets/icons/service-bathroom.svg"); }

/* Value cards */
.icon-value-days { --icon-mask: url("/shared/assets/icons/value-days.svg"); }
.icon-value-scope { --icon-mask: url("/shared/assets/icons/value-scope.svg"); }
.icon-value-repair { --icon-mask: url("/shared/assets/icons/value-repair.svg"); }

/* Text glyph used as a decorative arrow; to use a picture file instead, set content to a url() of that file */
.note-line::before { content: "\2935"; }