/*
 Theme Name:   Schematic Child
 Template:     schematic
*/

/* =========================================
   SIMPLE CUSTOMIZATION FOR WPML DROPDOWN
   ========================================= */

/* easy-to-edit “settings” */
:root {
  --wpml-btn-bg: #ffffff;
  --wpml-btn-color: #e75079;
  --wpml-btn-border: #dddddd;
  --wpml-btn-font-size: 13px;

  --wpml-dropdown-bg: #ffffff;
  --wpml-dropdown-border: #dddddd;
  --wpml-dropdown-font-size: 13px;
}

/* CONTAINER — align switcher to the right */
.cs-header__col.cs-col-right .wpml-ls {
  margin-left: 10px;
  margin-right: 0;
  text-align: right; /* ✅ aligns the button to the right */
}

/* BUTTON (current language) */
.cs-header__col.cs-col-right .wpml-ls .wpml-ls-current-language > a {
  display: inline-block;
  padding: 6px 30px;
  background: var(--wpml-btn-bg);
  color: var(--wpml-btn-color);
  border: 1px solid var(--wpml-btn-border);
  border-radius: 4px;
  font-size: var(--wpml-btn-font-size);
  text-decoration: none;
}

/* optional chevron */
.cs-header__col.cs-col-right .wpml-ls .wpml-ls-current-language > a:after {
  font-size: 80%;
}

/* DROPDOWN LIST — right-aligned */
.cs-header__col.cs-col-right .wpml-ls .wpml-ls-sub-menu {
  background: var(--wpml-dropdown-bg);
  border: 1px solid var(--wpml-dropdown-border);
  border-radius: 4px;
  font-size: var(--wpml-dropdown-font-size);
  margin-top: 6px;
  text-align: left;
  right: 0;           /* ✅ open dropdown aligned to right */
  left: auto;         /* ✅ prevent it from expanding left */
  position: absolute; /* ensures proper dropdown overlap */
}

/* dropdown links */
.cs-header__col.cs-col-right .wpml-ls .wpml-ls-sub-menu a {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
  color: inherit;
}

.cs-header__col.cs-col-right .wpml-ls .wpml-ls-sub-menu a:hover {
  background: #f4f4f4;
}

/* Make WPML dropdown open on click (toggled by .wpml-ls-open) */
.cs-header__col.cs-col-right .wpml-ls .wpml-ls-sub-menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  background: var(--wpml-dropdown-bg, #fff);
  border: 1px solid var(--wpml-dropdown-border, #ddd);
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  z-index: 1000;
}

.cs-header__col.cs-col-right .wpml-ls .wpml-ls-current-language.wpml-ls-open > .wpml-ls-sub-menu {
  display: block;
}



.cs-header__col.cs-col-right .wpml-ls .wpml-ls-sub-menu {
    margin-top: -7px !important;
}

.cs-header__col.cs-col-right .wpml-ls .wpml-ls-sub-menu a {
    padding: 6px 28px !important;
}


.cs-header__col.cs-col-right .wpml-ls .wpml-ls-sub-menu a {
    color: #000 !important;
}