/* CMS — Liferay-style language select */
.sf-lang select.sf-lang-select{
  appearance:none;
  border:0;
  background:transparent;
  font-family:inherit;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
  padding:2px 14px 2px 22px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right center;
  min-width:88px;
}

.sf-lang select.sf-lang-select option.lang-opt-es{
  background:url('../images/language/es_ES.png') no-repeat 5px center;
  padding-left:25px;
}

.sf-lang select.sf-lang-select option.lang-opt-ca{
  background:url('../images/language/ca_ES.png') no-repeat 5px center;
  padding-left:25px;
}

.sf-lang select.sf-lang-select option.lang-opt-en{
  background:url('../images/language/en_US.png') no-repeat 5px center;
  padding-left:25px;
}

/* Checkout — Clorian dropdown */
.clorian-lang{
  position:relative;
  display:inline-block;
}

.clorian-lang__toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border:1px solid #ccc;
  border-radius:4px;
  background:#fff;
  font-size:14px;
  font-family:inherit;
  cursor:pointer;
  color:#333;
}

.clorian-lang__toggle .caret{
  display:inline-block;
  width:0;height:0;
  margin-left:2px;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #333;
}

.clorian-lang.open .clorian-lang__menu{display:block}

.clorian-lang__menu{
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 4px);
  min-width:120px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:4px;
  box-shadow:0 4px 12px #0000001a;
  list-style:none;
  padding:4px 0;
  z-index:200;
  margin:0;
}

.clorian-lang__menu button{
  display:block;
  width:100%;
  border:none;
  background:none;
  text-align:left;
  padding:8px 16px;
  font-size:14px;
  font-family:inherit;
  cursor:pointer;
  color:#333;
}

.clorian-lang__menu button:hover{background:#f5f5f5}

.clorian-lang__menu button.active{
  font-weight:600;
  color:#b32424;
}