/*
 * Projektas: css
 * 2026-10-21 15:42:44 paskutinis atnaujinimas
 * Autorius: KestasM
 */

.div_cookie_bg {
    display: block;
    width: 100%;
    max-width: 100vw;
    background: #fff;
    position: fixed;
    z-index: 90000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    box-sizing: border-box;
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
	box-shadow:0px 0px 17px 4px rgb(0 0 0 / 15%);
}

.cookie_max {display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; min-width: 0; max-width: 1280px;margin: auto;box-sizing: border-box;}
.cookie_logo_bg {width: 10%; display: inline-block; padding: 10px;vertical-align: top;box-sizing: border-box;}
.cookie_logo_bg img {display:block;width:100%;height:auto;}

.cookie_info_bg {width: 90%; min-width: 0; display: inline-block; padding: 10px;text-align: left;box-sizing: border-box;}
.cookie_info_title {display: block;color:#1E2127; font-size: 18px;line-height: 1.35;overflow-wrap: anywhere;text-transform: uppercase;}
.cookie_info_text {display: block;color:#4B5363; font-size: 16px;line-height: 1.4;overflow-wrap: anywhere;}

.cookie_explain_table {width:auto;box-sizing: border-box;padding-bottom: 0px;}
.div_cookie_bg .cookie_explain {width: 100%;min-width: 0;max-width: 100%;overflow-x: auto;}
.div_cookie_bg .cookie_explain table {width: 100%;max-width: 100%;table-layout: fixed;}
.div_cookie_bg .cookie_explain :is(th,td) {white-space: normal;overflow-wrap: anywhere;}

.cookie_explain table td {width:auto;box-sizing: border-box;}
.cookie_explain table th {line-height: 1;font-size: 13px!important;}
.cookie_explain table td:first-child {border-right: 1px solid #e2e2e2;}
.cookie_explain table td {width: auto!important;box-sizing: border-box;font-size: 13px!important;}

.cookie_info_check {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 5px;}

.info_left {float: none; display: flex; flex-wrap: wrap; align-items: center; min-width: 0; max-width: 100%;}
.info_right {float: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 5px; min-width: 0; max-width: 100%; margin-left: auto;}

.cookie_form_line {
    margin-bottom: 4px;
    font-size: 14px;
    vertical-align: middle;
	display: inline-block;
}
.cookie_form_line label {
    font-size: 14px;
    font-weight: normal;
    color: #686666;
    font-family: Arial;
    text-align: left;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    white-space: nowrap;
    margin-bottom: 0px;
	margin-right: 10px;
}
.cookie_form_line .width_20 {
    width: 16px !important;
    height: 16px !important;
    flex: none;
    margin: 0 6px 0 0;
    vertical-align: middle!important;
    position: static;
    top: auto!important;
    left: auto;
    opacity: 1;
    -webkit-appearance: checkbox;
    appearance: auto;
}

.cookie_form_line select {
    border-radius: 0px;
    border: solid 1px #dedede;
    padding: 4px 13px 4px 6px;
    font-size: 14px;
    font-weight: bold;
    color: #686666;
    font-family: Arial;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: 223px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
	outline: none;
}

.div_cookie_btn {
display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    width: auto;
    min-height: 46px;
    margin: 0;
    padding: 10px 24px;
    border: 1px solid var(--violet, #47479b);
    border-radius: 26px;
    background: var(--violet, #47479b) !important;
    color: #fff;
    font: 400 17px / 24px Avenir, Arial, sans-serif;
    text-decoration: none;
}

.div_cookie_btn:hover {
    background: #383884 !important;
    opacity: 1;
}

.div_cookie_btn2 {
display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    width: auto;
    min-height: 46px;
    margin: 0;
    padding: 10px 24px;
    border: 1px solid var(--violet, #47479b);
    border-radius: 26px;
    background: #fff;
    color:var(--violet, #47479b);
    font: 400 17px / 24px Avenir, Arial, sans-serif;
    text-decoration: none;
    margin-right: 0;
}

.div_cookie_btn2:hover {
    opacity:0.9;
}

@media screen and (max-width: 950px) {
	.info_right {width:100%}
}

@media screen and (max-width: 768px) {
  .div_cookie_bg {padding: 12px max(16px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));}
  .div_cookie_bg .cookie_max {gap: 12px;}
  .div_cookie_bg .cookie_info_bg {display: block;width: 100%;padding: 0;}
  .div_cookie_bg .cookie_logo_bg {display: block;width: 100%;padding: 0;}
  .cookie_logo_bg img {max-width: 100px;}
  .div_cookie_bg .cookie_info_title {font-size: 16px;line-height: 22px;}
  .div_cookie_bg .cookie_info_text {font-size: 14px;line-height: 20px;margin-top: 4px;}
  .div_cookie_bg .cookie_info_check {width: 100%;gap: 12px;margin-top: 12px;}
  .div_cookie_bg .info_left {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;width: 100%;}
  .div_cookie_bg .cookie_form_line {min-width: 0;margin: 0;}
  .div_cookie_bg .cookie_form_line:has(select) {grid-column: 1 / -1;}
  .div_cookie_bg .cookie_form_line label {margin: 0;white-space: normal;line-height: 20px;}
  .div_cookie_bg .cookie_form_line select {display: block;width: 100%;min-width: 0;min-height: 38px;}
  .div_cookie_bg .info_right {float: none;flex-direction: column;align-items: stretch;gap: 8px;width: 100%;margin: 0;}
  .div_cookie_bg :is(.div_cookie_btn,.div_cookie_btn2) {width: 100%;min-width: 0;min-height: 44px;margin: 0;padding: 10px 16px;font-size: 15px;line-height: 22px;text-align: center;white-space: normal;overflow-wrap: anywhere;}
}
