@charset "UTF-8";
:root {
  --cl-primary-dark: #060923;
  --cl-primary-dark-90: #1f2239;
  --cl-primary-dark-80: #383a4f;
  --cl-primary-dark-70: #515365;
  --cl-primary-dark-60: #6a6b7b;
  --cl-primary-dark-50: #828491;
  --cl-primary-dark-40: #9b9da7;
  --cl-primary-dark-30: #b4b5bd;
  --cl-primary-dark-20: #cdced3;
  --cl-primary-dark-10: #e6e6e9;
  --cl-primary-red: #f93822;
  --cl-primary-red-90: #fa4c38;
  --cl-primary-red-80: #fa604e;
  --cl-primary-red-70: #fb7464;
  --cl-primary-red-60: #fb887a;
  --cl-primary-red-50: #fc9b90;
  --cl-primary-red-40: #fdafa7;
  --cl-primary-red-30: #fdc3bd;
  --cl-primary-red-20: #fed7d3;
  --cl-primary-red-10: #feebe9;
  --cl-primary-blue: #22e3f9;
  --cl-primary-blue-90: #38e6fa;
  --cl-primary-blue-80: #4ee9fa;
  --cl-primary-blue-70: #64ebfb;
  --cl-primary-blue-60: #7aeefb;
  --cl-primary-blue-50: #90f1fc;
  --cl-primary-blue-40: #a7f4fd;
  --cl-primary-blue-30: #bdf7fd;
  --cl-primary-blue-20: #d3f9fe;
  --cl-primary-blue-10: #e9fcfe;
  --cl-primary-purple: #a422f9;
  --cl-primary-purple-90: #ad38fa;
  --cl-primary-purple-80: #b64efa;
  --cl-primary-purple-70: #bf64fb;
  --cl-primary-purple-60: #c87afb;
  --cl-primary-purple-50: #d190fc;
  --cl-primary-purple-40: #dba7fd;
  --cl-primary-purple-30: #e4bdfd;
  --cl-primary-purple-20: #edd3fe;
  --cl-primary-purple-10: #f6e9fe;
  --cl-primary-white: #efefef;
  --cl-primary-white-90: #d8d8db;
  --cl-primary-white-80: #c0c1c6;
  --cl-primary-white-70: #a9aab2;
  --cl-primary-white-60: #92939d;
  --cl-primary-white-50: #7a7c89;
  --cl-primary-white-40: #636575;
  --cl-primary-white-30: #4c4e60;
  --cl-primary-white-20: #35374c;
  --cl-primary-white-10: #1d2037;
  --cl-primary-gray: #363636;
  --cl-purple-shade: #e8def8;
  --cl-gray-shade: rgb(245, 244, 244);
  --cl-dark-red: hsl(3.22deg 71.29% 40.98%);
  --cl-light-green: rgb(181 220 205);
  --cl-border-light: rgba(215, 215, 215, 0.5);
  --cl-dark-shade: rgb(95 108 114);
  --cl-white: white;
  --cl-text-muted: #959494;
  --cl-primary-red: #f93822;
  --cl-hover-red: #ef3f28;
  --cl-success-green: #32ab68;
  --cl-data-orange: orange;
  --cl-data-red: red;
  --cl-data-green: green;
  --cl-data-bg-red: rgb(246 173 173 / 40%);
  --cl-data-bg-green: var(--cl-light-green);
  --cl-data-bg-orange: rgb(255 236 202 / 40%);
}

:root {
  --radius-7: 7px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-11: 11px;
  --default-radius: 12px;
  --radius-15: 15px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-25: 25px;
  --cl-add-to-cart-btn: var(--cl-primary-blue);
  --cl-checkout-btn: var(--cl-primary-dark);
  --font-family-primary: "BPG Arial Caps", sans-serif;
  --basket-price-font-size: 25px;
  --font-weight-bold: 600;
  --font-weight-normal: 400;
  --nsp-component-spacing: 25px;
  --radius: 25px;
  --spacing-content-wrapper: 40px;
  --font-roboto: "Roboto", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-10: 10px;
  --font-11: 11px;
  --font-12: 12px;
  --font-13: 13px;
  --font-14: 14px;
  --font-15: 15px;
  --font-16: 16px;
  --font-17: 17px;
  --font-18: 18px;
  --font-20: 20px;
  --font-22: 22px;
  --font-24: 24px;
  --font-26: 26px;
  --font-28: 28px;
  --font-30: 30px;
  --font-32: 32px;
  --font-36: 36px;
  --transition-1s: all 0.1s ease-in-out;
  --transition-2s: all 0.2s ease-in-out;
  --transition-3s: all 0.3s ease-in-out;
}

@media (max-width: 1536px) {
  :root {
    --font-14: 13px;
  }
}
@font-face {
  font-family: "BPG Arial Caps";
  src: url("../../fonts/bpg-arial/bpg-arial-caps-webfont.woff2") format("woff2"), url("../../fonts/bpg-arial/bpg-arial-caps-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*Code for language*/
ul.menu {
  font-family: var(--font-family-primary);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
small,
span {
  font-family: var(--font-family-primary);
}

.widget_titles {
  font-family: var(--font-family-primary);
}

.btn-custom {
  font-family: var(--font-family-primary);
}

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  font-family: var(--font-family-primary);
}

form#searchb input[type=search] {
  font-family: var(--font-family-primary);
}

form#searchres input[type=search] {
  font-family: var(--font-family-primary);
}

.author-name {
  font-family: var(--font-family-primary);
}

.author-list-name {
  font-family: var(--font-family-primary);
}

.author-name-archive {
  font-family: var(--font-family-primary);
}

.alert {
  font-family: var(--font-family-primary);
}

.nav-pills {
  font-family: var(--font-family-primary);
}

.tab-content {
  font-family: var(--font-family-primary);
}

.textwidget {
  font-family: var(--font-family-primary);
}

.woocommerce-product-details__short-description {
  font-family: var(--font-family-primary);
}

.woocommerce button.single_add_to_cart_button {
  font-family: var(--font-family-primary);
}

.product-meta {
  font-family: var(--font-family-primary);
}

.total-cart-title {
  font-family: var(--font-family-primary);
}

.woocommerce table.shop_table {
  font-family: var(--font-family-primary);
}

.woocommerce-cart-form__cart-item td {
  font-family: var(--font-family-primary) !important;
}

.woocommerce table.shop_table td {
  font-family: var(--font-family-primary);
}

.woocommerce-billing-fields__field-wrapper {
  font-family: var(--font-family-primary);
}

.drawer-body {
  font-family: var(--font-family-primary);
}

.post-content {
  font-family: var(--font-family-primary);
}

.comment-respond {
  font-family: var(--font-family-primary);
}

.label {
  font-family: var(--font-family-primary);
}

:root {
  --add-to-cart-mobile-bg: var(--cl-primary-blue);
  --add-to-cart-mobile-text-color: var(--cl-primary-dark);
  --add-to-cart-mobile-font-size: 11px;
  --add-to-cart-mobile-padding-inline: 4px;
  --add-to-cart-mobile-padding-block: 11px;
  --add-to-cart-mobile-z-index: 99;
}

.newProducts-slider .add_to_cart_button:before,
.newProducts-slider button.single_add_to_cart_button:before,
.newProducts-slider .noprice:before {
  display: none !important;
}

.addToCard-mobile {
  display: block;
  justify-content: center;
  font-weight: 500;
  font-size: 11px;
  padding-inline: var(--add-to-cart-mobile-padding-inline);
  padding-block: var(--add-to-cart-mobile-padding-block);
  margin-top: 3px;
  text-align: center;
  background-color: var(--add-to-cart-mobile-bg);
  color: var(--add-to-cart-mobile-text-color);
  border-radius: var(--default-radius);
  transition: transform 0.2s ease;
  z-index: var(--add-to-cart-mobile-z-index);
  pointer-events: auto;
  touch-action: manipulation;
  will-change: transform;
}
.addToCard-mobile:active {
  transform: scale(0.91);
}
@media (min-width: 991px) {
  .addToCard-mobile {
    display: none !important;
  }
}
.addToCard-mobile img {
  width: auto !important;
  height: 13px !important;
  margin-right: 7px;
  position: relative;
  top: -2px;
  left: 8px;
}

del {
  color: var(--cl-primary-dark-50);
}

ins,
bdi {
  text-decoration: none;
  font-weight: 600;
}

ul,
li {
  list-style: none !important;
  list-style-type: none !important;
}

@media (max-width: 990px) {
  .navbar-icons .new-lab-search-btn,
  .navbar-box .cart-contents {
    display: none;
  }
}
#unifiedOverlay {
  position: fixed;
  display: none;
  min-height: 110vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
#unifiedOverlay.show {
  display: block;
}

/*NEW social sidebar*/
.new-contact-sidebar {
  position: fixed;
  bottom: 165px;
  right: -2px;
  gap: 6px;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 7px;
  cursor: pointer;
  background-color: #1f2239;
  z-index: 1000;
  box-shadow: -8px 12px 20px 0 rgba(0, 0, 0, 0.3);
  transition: all ease-in 160ms;
  padding-block: 8px !important;
  padding-left: 8px !important;
}

.new-sidebar-icon {
  font-size: 25px;
  color: #90f0fc;
}

@media (min-width: 999px) {
  .new-sidebar-icon:hover,
  .tiktok-svg:hover {
    opacity: 0.65;
  }
}
.tiktok-svg {
  font-size: 25px;
  color: #d0ff89;
}

.navbar-dd {
  display: none;
}

@media (min-width: 991px) {
  .navbar-dd {
    display: block;
  }
}
.telegram-btn-ext {
  display: none !important;
}

.new-mobile-search-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  border-bottom-right-radius: 40px;
  background-color: #1f2239;
  font-family: var(--font-family-primary);
}
.new-mobile-search-container input {
  display: block;
  font-style: italic;
  letter-spacing: 0.025rem;
  width: 80%;
  border-radius: 50px;
  padding-inline: 15px;
  padding-block: 12px;
  border: none;
  margin: 0 auto;
  font-size: 13px;
}

.nsl-container-buttons {
  display: flex !important;
}

ul.menu > li a {
  font-weight: 600;
  font-size: 14px;
}

.new-mobile-categories h1 {
  font-weight: 600;
}

/*  DROEBIT  */
/* wmpl options menu fix */
.js-yes-section,
.js-no-section,
.js-find-account-section {
  display: block !important;
}

/* fix woocommerce eddit adress page  */
.woocommerce-Address-title.title .btn-custom {
  padding: 6px;
}

.woocommerce form .form-row input.input-text {
  width: 100% !important;
}

/* fix show-password button */
.show-password-input {
  border: none;
  background: none;
  margin-top: 3px;
}

/* GE: /მისამართის-ცვლილება/billing */
body.page-id-660 .container-fluid {
  display: none !important;
}

/* EN: /edit-adress/billing */
body.page-id-18 .container-fluid {
  display: none !important;
}

/*  */
.woocommerce-message.alert.alert-success.alert-dismissible {
  border: none;
  border-radius: 0;
  background-color: #c1c5e4;
  color: black;
}

.woocommerce-order-details__title {
  font-size: 1rem;
  margin-top: 7px;
  border-top: 1px solid black;
  padding-top: 14px;
  display: inline-block;
}

/* some updates */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #1f2239 !important;
}

.woocommerce-product-details__share-buttons [class*=fa-]:before {
  color: var(--primary-white);
}

/* end some updates */
/* fix // product variable causing horinztal scroll on product-page */
table.variations td.value {
  /* Add your desired styles for the td elements */
  max-width: 140px !important;
}

table.variations th.label label[for=pa_packaging] {
  display: none;
}

.navbar {
  border-left: 10px red !important;
}

/* end */
/*----------------- new lab mobile search -------------------------------*/
.new-lab-search {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  padding-top: 18px;
  background-color: #fff;
  border-left: solid 5px #90f0fc;
  border-right: solid 5px #90f0fc;
  z-index: 8000000;
}

.new-lab-search-btn {
  cursor: pointer;
}

.fa-search:before {
  content: "\f002";
  font-size: 21px;
  color: #90f0fc;
}

.ysm-search-widget-3 .search-field[type=search] {
  background-color: #ffffff;
  border-radius: 31px;
  padding-block: 16px;
  width: 85%;
  border: solid 1px #90f0fc;
}

.smart-search-popup {
  width: 85% !important;
}

.new-mobile-search-overlay-btn-close {
  font-size: 55px;
  color: #f95541;
  display: block;
  margin: 0 auto;
  margin-top: 80px;
  cursor: pointer;
}

.center-that-shit {
  display: flex;
}

/*-----------------end  new lab search  -------------------------------*/
/* some tweaks */
.new-link-style {
  color: var(--primary-red);
}

/* scrollbaris gatishva side-menu, cat-slider */
.simplebar-content-wrapper,
.new-mobile-categories {
  scrollbar-width: none;
}

/* new register button desktop */
.new-lab-register-btn {
  color: white;
  background-color: rgba(236, 55, 35, 0.03);
  padding: 11px;
  text-transform: uppercase;
  font-size: 12px;
  /* border-bottom: solid 1px rgb(144 240 252 / 85%); */
  border-bottom: solid 1px var(--primary-purple-60);
}

.new-lab-register-btn:hover {
  opacity: 0.89 !important;
  color: white !important;
}

/* new sign-in btn */
.fa-home:before {
  content: "\f015";
  font-size: 21px;
}

@media all and (min-width: 766px) {
  .fa-home:before {
    color: #90f0fc;
  }
}
/* cart and log-in icon nav right */
.cart-contents {
  color: #90f1fc;
  font-size: 12px;
}

/* cart and menu icons nav */
/* MENU */
.fa-bars:before {
  color: #90f0fc;
  /* ოდნავ ზემოთ */
  position: absolute !important;
  top: -13px !important;
}

@media screen and (min-width: 749px) and (max-width: 767px) {
  .fa-bars:before {
    font-size: 26px;
    position: absolute !important;
    top: -13px !important;
  }
}
/* CARt */
.cart-contents:before {
  color: #90f0fc;
}

.fa-times:before {
  color: #fa604e;
}

.growlab-call-mobile {
  color: white;
  text-decoration: underline;
}

/*----------------- NEW SEARCH STYLES -------------------------------*/
.ysm-search-widget-1 .search-field[type=search] {
  background-color: #ffffff;
  border-radius: 25px;
}

.search-form {
  width: 90% !important;
  margin: 0 auto !important;
  padding: 17px !important;
}

.ysm-smart-search-input-holder {
  display: flex;
  flex-direction: column;
}

/* DESKTOP SEARCH BAR STYLING */
.ysm-search-widget-2 .search-field[type=search] {
  border: 0;
  border-radius: 0;
  background-color: #393d5f;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 49px;
  top: 0px;
  margin-top: -6px;
  border-radius: 10px;
}

/* search icon styling for mobile */
.ysm-search-widget .search-submit::before {
  margin-left: -19px;
  margin-top: -8px;
  font-size: 20px;
}

/* search icon styling for desktop */
@media all and (min-width: 900px) {
  .ysm-search-widget .search-submit::before {
    margin-top: -5px;
  }
  .ysm-search-widget .search-submit {
    margin-top: -11px;
    color: #90f0fc;
    opacity: 0.6;
  }
}
.new-search-bar-container {
  position: relative;
}

.new-search-bar-desktop {
  position: absolute;
  top: -37px;
  left: -155px;
  width: 450px;
}

.pum-field button {
  border-radius: 5px;
  border: 0;
}

.pum-theme-1014 .pum-container,
.pum-theme-lightbox .pum-container {
  border-radius: 10px;
  border: 1px solid #000000;
}

@media only screen and (max-width: 991px) {
  .dgwt-wcas-ico-magnifier,
  .dgwt-wcas-ico-magnifier-handler {
    font-size: 24px;
    line-height: 24px;
    height: 24px;
  }
}
.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon-arrow {
  top: calc(100% + 20px);
}

html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form {
  top: calc(100% + 28px);
}

ul.menu {
  text-transform: uppercase;
}

.img-fluid {
  width: 100%;
}

.view-more-button {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 25px;
}

.navbar-logo-left {
  position: unset;
}

.author-list img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 40px;
  height: 40px;
}

.cat-banner {
  width: 100%;
  height: 25vw;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1500px) {
  .cat-banner {
    height: 22vw;
  }
}
@media only screen and (max-width: 991px) {
  .cat-banner {
    height: 25vw;
  }
}
.one-col-banner {
  height: 25vw;
}

@media only screen and (min-width: 992px) and (max-width: 1500px) {
  .one-col-banner {
    height: 22vw;
  }
}
@media only screen and (max-width: 991px) {
  .one-col-banner {
    height: 25vw;
  }
}
/* HELPER CLASSES FOR JAVASCRIPT TRIGERS/ACTIONS/*/
.d-none {
  display: none;
}

.overflow-hidden {
  overflow: hidden;
}

/* NEW MOBILE LOOK STYLES */
.fa-times:before {
  content: "\f00d";
  font-size: 32px;
}

.fa-user-plus:before {
  content: "\f234";
  font-size: 20px;
}

.fa-sign-in-alt:before {
  content: "\f2f6";
  font-size: 20px;
}

@media all and (min-width: 770px) {
  .fa-sign-in-alt:before {
    color: #90f0fc;
  }
}
/* END AGE VERIFICATION POPUP  */
/* DROP_ SHADOW FOR HEADER */
.fixed-header {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1019607843);
  z-index: 998;
}

.sidenav-r {
  z-index: 999;
}

/* new mobile slider */
.new-mobile-carousel {
  margin-top: -30px;
}

/* New-mobile-categories Icons Section */
/* dynamic badges */
.badge-badge {
  position: absolute;
  color: #fff;
  padding: 0.0625rem 0.3125rem;
  font-size: 0.75rem;
  border-radius: 0.1875rem;
  z-index: 10;
  display: block;
}

/* Sale badge */
.badge-sale {
  top: 0rem;
  left: 8.3125rem;
  background-color: red;
}

/* Updated badge */
.badge-updated {
  top: 0rem;
  left: 7.313rem; /* shifted left */
  background-color: rgb(0, 166, 237);
}

/*  NEW CATS ICONS */
/* cats */
.new-mobile-categories {
  /*  position: relative;*/
  display: flex;
  gap: 35px;
  overflow-x: auto;
}

.new-cats-div {
  position: relative;
}

.new-cats-div .badge-badge.badge-sale {
  top: 0.625rem;
  left: 3.375rem;
  background-color: #f93822;
}

.new-cats-div .badge-badge.badge-updated {
  top: 0.625rem;
  left: 2.75rem;
  background-color: #a422f9;
}

.new-cats-img {
  width: 96px;
  margin-bottom: 10px;
  margin-top: 15px;
  margin-inline: 4px;
}

.new-cats-title {
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
  line-height: 1.4;
}

.new-cats-title {
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
  line-height: 1.4;
}

/* End new mobile-categories Icons */
/* new styles 3142024 */
.new-search-form-title {
  display: none;
}

.ysm-search-widget-1 .search-field[type=search] {
  margin-block: 20px;
}

.bg-side {
  background: white !important;
  border-top: 3px solid #b64efa;
}

.hamb-menu,
.hamb-menu-right,
.dropdown-sidenav-btn {
  color: white;
}

.fa-chevron-down:before {
  content: "\f078";
  /* color: #1f2238; */
  /* color: var(--primary-blue); */
  color: var(--cl-primary-purple-60);
}

.footer-artificial {
  font-size: 17px;
  font-family: tahoma;
  font-family: sans-serif;
  margin-left: 12px;
}

.footer-artificial-text {
  font-size: 15px;
  color: #1f2239;
  padding: 13px;
  font-family: sans-serif;
}

/* new styles 3142024 */
/*WPML Switcher*/
.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {
  margin-bottom: 0;
}

.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions a {
  background-color: transparent !important;
}

.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {
  padding: 5px;
}

/*Customize this if you want*/
.wpml-floating-language-switcher {
  position: fixed;
  bottom: 55px;
  right: 0px;
  /* bottom: 13px;
  left: -3px; */
  background: #f8f8f8; /*background color*/
  border: 1px solid; /*border settings*/
  border-color: #eee; /*color of the border*/
  padding: 0px; /*padding of container*/
  border-radius: 6px 0 0 6px; /*rounded border*/
  /*Box Shadow*/
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
  z-index: 999;
}

.wpml-floating-language-switcher {
  bottom: 98px !important;
  right: -7px !important;
}

.out-of-stock-label-mobile {
  display: block;
  width: 75%;
  margin: 0 auto;
  text-align: center;
  margin-top: 3px;
  color: #ff0000;
  background-color: #ffedba;
  font-size: var(--font-12);
  padding: 5px 0px;
  border-radius: 40px;
  font-weight: 500;
  margin-top: 8px !important;
}
@media (min-width: 992px) {
  .out-of-stock-label-mobile {
    display: none;
  }
}

.out-of-stock-label {
  color: #ff0000;
  background-color: #ffedba;
  position: absolute;
  font-size: var(--font-12);
  bottom: 10px;
  left: 32px;
  padding: 8px 40px;
  border-radius: 40px;
  z-index: 9;
  font-weight: 500;
}
@media (max-width: 992px) {
  .out-of-stock-label {
    display: none;
  }
}

/* If slide has BOTH badges, move .new */
.swiper-slide:has(.new):has(.loss) .new {
  top: 10px !important;
  left: 138px !important;
}

/* Default new badge position */
.swiper-slide .new {
  top: 10px !important;
  left: 10px !important;
}

@media (max-width: 990px) {
  .alogin {
    position: relative;
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 5px;
  }
  .alogin::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("https://growlab.ge/app/assets/svg/user-login.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
  }
}
@media (max-width: 990px) {
  .login-modal-box .modal-content {
    width: 100% !important;
    max-width: 398px !important;
    margin-top: 5vh !important;
  }
}
/* 
Osom-Login is a plugin that is installed inside root/wp-content/plugins 
Button that opens the login modal dialog is outputted by the plugin itself 
Button for mobile is placed inside new-mobile-menu component using shortcode [osom_modal_login_button] (see components/mobile-menu/templates/menu.php
Button for desktop is placed inside navbar using shortcode [osom_modal_login_button] (see template-parts/navbar/navbar.php)

Osom plugin has it's own css therefore inside this file we are using !important classes to override plugin default styles.

Since It's a plugin ouput / css is tweaked to output two layout button with icon and text.  this file is for desktop css. for mobile view see _osom_login_mobile.scss

contact: support@growlab.ge 
*/
@media (max-width: 990px) {
  .navbar-container .alogin {
    display: none;
  }
}
@media (min-width: 991px) {
  .alogin {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 48px;
    background-color: #1f2239;
    border-radius: 12px;
    border: solid 1px rgba(255, 255, 255, 0.168627451);
    cursor: pointer;
    font-size: 0;
    gap: 8px;
  }
  .alogin::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("https://growlab.ge/app/assets/svg/user.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
  }
  /*border-radius on input*/
  .login-modal-box form .login-username input#user_login,
  .login-modal-box form .login-password input#user_pass {
    border-radius: 10px;
    border: solid 1px rgba(31, 34, 57, 0.5215686275);
    transition: ease-in-out 0.8s all;
  }
  /* button text "შესვლა" */
  .alogin a {
    font-size: 11px;
    color: white;
  }
  /* improve display properties */
  .login-modal-box .modal-content {
    width: 100% !important;
    max-width: 380px !important;
  }
}
@media (min-width: 991px) and (max-width: 991px) {
  .login-modal-box .modal-content {
    width: 100% !important;
  }
}
@media (min-width: 991px) {
  /* reset letter-spacing on form labels */
  .login-modal-box form .login-username label,
  .login-modal-box form .login-password label {
    letter-spacing: 0px !important;
  }
  /* remember me label */
  .modal-content .login-remember label {
    font-size: 12px;
  }
  /* log-in label */
  .login-modal-box form .login-submit input {
    min-height: 42px !important;
    font-size: 14px !important;
  }
  /* forgot password labels */
  .modal-content .login-forgot a {
    font-size: 12px;
  }
  /* register label */
  .modal-content > a {
    font-size: 12px;
  }
  /*================ END NEW LOGIN/MODAL BUTTON ================== */
  body:not(.logged-in) a.cart-contents {
    margin-top: -4px;
  }
}
.new-user-profile-button {
  display: none;
}
@media (min-width: 991px) {
  .new-user-profile-button {
    display: inline-flex;
  }
}
.new-user-profile-button {
  position: relative;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 48px;
  background-color: #1f2239;
  border-radius: 12px;
  border: solid 1px rgba(255, 255, 255, 0.168627451);
  cursor: pointer;
  font-size: 10px;
  color: white;
  gap: 8px;
  margin-right: 6px;
}
.new-user-profile-button::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("https://growlab.ge/app/assets/svg/user.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.new-user-profile-button:hover {
  color: white;
}

/****************** NEW-ALERT STYLES */
:root {
  --alert-bg: #1f2239;
  --alert-border-color: var(--cl-primary-blue);
  --alert-padding-inline: 1.3125rem;
  --alert-padding-top: 0.6875rem;
  --alert-opacity: 0.92;
  --alert-radius: 6px;
  --alert-z-index: 21;
  --alert-text-color: white;
  --svg-color: #313349;
}

.n-alert-notification {
  position: fixed;
  top: 3.875rem;
  left: 6%;
  width: 82%;
  z-index: var(--alert-z-index);
  border-radius: var(--alert-radius);
  border: solid 1px var(--alert-border-color);
  padding-inline: var(--alert-padding-inline);
  padding-top: var(--alert-padding-top);
  background-color: var(--alert-bg);
  opacity: var(--alert-opacity);
}

@media screen and (min-width: 992px) {
  .n-alert-notification {
    left: 305px;
    width: 70%;
  }
}
.n-alert-notification-box {
  display: grid;
  grid-template-columns: 90% 10%;
}

.n-alert-notification-text {
  font-size: 0.875rem;
  color: var(--alert-text-color);
}

.n-alert-notification-close {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  /* border: solid 1px var(--alert-border-color); */
  cursor: pointer;
  /* border-radius: var(--alert-radius); */
}

/* positioning when alert is placed bottom */
@media screen and (max-width: 324px) {
  .n-alert-notification__bottom {
    width: 68%;
  }
}
@media screen and (min-width: 325px) {
  .n-alert-notification__bottom {
    width: 74%;
  }
}
@media screen and (min-width: 398px) {
  .n-alert-notification__bottom {
    width: 76%;
  }
}
@media screen and (min-width: 460px) {
  .n-alert-notification__bottom {
    width: 79%;
  }
}
@media screen and (min-width: 625px) {
  .n-alert-notification__bottom {
    width: 81%;
  }
}
@media screen and (min-width: 785px) {
  .n-alert-notification__bottom {
    width: 83%;
  }
}
@media screen and (min-width: 960px) {
  .n-alert-notification__bottom {
    width: 85%;
    left: 90px;
  }
}
/****************** END NEW-ALERT STYLES */