/* Offcanvas responsive width - Apply directly to .offcanvas class */

/* Default (xs - mobile): Full width */
.offcanvas {
  width: 100% !important;
}

/* Small devices (landscape phones, >= 576px) */
@media (min-width: 576px) {
  .offcanvas {
    width: 75vw !important;
  }
}

/* Medium devices (tablets, >= 768px) */
@media (min-width: 768px) {
  .offcanvas {
    width: 75vw !important;
  }
}

/* Large devices (desktops, >= 992px) */
@media (min-width: 992px) {
  .offcanvas {
    width: 50vw !important;
  }
}

/* X-Large devices (large desktops, >= 1200px) */
@media (min-width: 1200px) {
  .offcanvas {
    width: 50vw !important;
  }
}

/* XX-Large devices (larger desktops, >= 1400px) */
@media (min-width: 1400px) {
  .offcanvas {
    width: 33.333333vw !important;
  }
}

/* Custom Bootstrap Icon: Wizard Hat */
.bi-wizard-hat::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M496%20448H16c-8.84%200-16%207.16-16%2016v32c0%208.84%207.16%2016%2016%2016h480c8.84%200%2016-7.16%2016-16v-32c0-8.84-7.16-16-16-16zm-304-64l-64-32%2064-32%2032-64%2032%2064%2064%2032-64%2032-16%2032h208l-86.41-201.63a63.955%2063.955%200%200%201-1.89-45.45L416%200%20228.42%20107.19a127.989%20127.989%200%200%200-53.46%2059.15L64%20416h144l-16-32zm64-224l16-32%2016%2032%2032%2016-32%2016-16%2032-16-32-32-16%2032-16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: -0.125em;
}

/* Custom Bootstrap Icon: Agent (Robot) */
.bi-agent::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.5%2015.5V17.5M12.5%208.5V6.5M12.5%206.5C13.3284%206.5%2014%205.82843%2014%205C14%204.17157%2013.3284%203.5%2012.5%203.5C11.6716%203.5%2011%204.17157%2011%205C11%205.82843%2011.6716%206.5%2012.5%206.5ZM20.5%2020.5V19.5C20.5%2018.3954%2019.6046%2017.5%2018.5%2017.5H6.5C5.39543%2017.5%204.5%2018.3954%204.5%2019.5V20.5H20.5ZM11.5%2012C11.5%2012.5523%2011.0523%2013%2010.5%2013C9.94772%2013%209.5%2012.5523%209.5%2012C9.5%2011.4477%209.94772%2011%2010.5%2011C11.0523%2011%2011.5%2011.4477%2011.5%2012ZM15.5%2012C15.5%2012.5523%2015.0523%2013%2014.5%2013C13.9477%2013%2013.5%2012.5523%2013.5%2012C13.5%2011.4477%2013.9477%2011%2014.5%2011C15.0523%2011%2015.5%2011.4477%2015.5%2012ZM8.5%2015.5H16.5C17.6046%2015.5%2018.5%2014.6046%2018.5%2013.5V10.5C18.5%209.39543%2017.6046%208.5%2016.5%208.5H8.5C7.39543%208.5%206.5%209.39543%206.5%2010.5V13.5C6.5%2014.6046%207.39543%2015.5%208.5%2015.5Z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: -0.125em;
}