/* Lefőzlek sütisáv (canvas: WebSutiSav, WebSutiBeallitasok, WebSutiSavMobil, WebSutiBeallitasokMobil).
   A vanilla-cookieconsent 3.1.0 saját CSS-e (cookieconsent.css) UTÁN töltődik, és a Web = App
   színeire, formáira hangolja. Csak #cc-main alatti szabályok. */
#cc-main{
  --cc-font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cc-bg:#FFFDF9;--cc-primary-color:#2A2520;--cc-secondary-color:#6B6560;
  --cc-btn-primary-bg:#D4622B;--cc-btn-primary-color:#FFFDF9;--cc-btn-primary-border-color:#D4622B;
  --cc-btn-primary-hover-bg:#BE5422;--cc-btn-primary-hover-color:#FFFDF9;--cc-btn-primary-hover-border-color:#BE5422;
  --cc-btn-secondary-bg:#FFFDF9;--cc-btn-secondary-color:#2A2520;--cc-btn-secondary-border-color:#E8E3DC;
  --cc-btn-secondary-hover-bg:#F4F0EA;--cc-btn-secondary-hover-color:#2A2520;--cc-btn-secondary-hover-border-color:#D9CFC3;
  --cc-separator-border-color:#F0ECE6;--cc-toggle-on-bg:#D4622B;--cc-toggle-off-bg:#DCD5CB;--cc-toggle-on-knob-bg:#FFFDF9;--cc-toggle-off-knob-bg:#FFFDF9;
  --cc-toggle-enabled-icon-color:#D4622B;--cc-toggle-disabled-icon-color:#A09A94;
  --cc-toggle-readonly-bg:#E5EED9;--cc-toggle-readonly-knob-bg:#FFFDF9;--cc-toggle-readonly-knob-icon-color:#5E8F3E;
  --cc-cookie-category-block-bg:#FFFDF9;--cc-cookie-category-block-border:#E8E3DC;
  --cc-cookie-category-block-hover-bg:#FFFDF9;--cc-cookie-category-block-hover-border:#E8E3DC;
  --cc-cookie-category-expanded-block-bg:#FFFDF9;--cc-cookie-category-expanded-block-hover-bg:#FFFDF9;
  --cc-overlay-bg:rgba(42,37,32,.46);--cc-link-color:#A8461A;--cc-footer-bg:#FFFDF9;--cc-footer-border-color:#F0ECE6;
  --cc-modal-border-radius:24px;--cc-btn-border-radius:15px;--cc-pm-toggle-border-radius:14px;--cc-modal-margin:24px;
  --cc-webkit-scrollbar-bg:#E0DAD2;--cc-webkit-scrollbar-hover-bg:#CFC7BC;
  color:#2A2520;-webkit-font-smoothing:antialiased;
}
#cc-main a{color:#A8461A;text-decoration:none;background:none;font-weight:600}
#cc-main a:hover{color:#2A2520;text-decoration:underline;text-underline-offset:3px}
#cc-main :focus-visible{outline:3px solid rgba(212,98,43,.45);outline-offset:2px;box-shadow:none}
#cc-main [tabindex="-1"]:focus,#cc-main [tabindex="-1"]:focus-visible{outline:none!important}

/* ---------- a sáv (első látogatás) ---------- */
#cc-main .cm.cm--cloud{max-width:1040px;width:calc(100% - 48px);border:1px solid #E8E3DC;border-radius:24px;
  box-shadow:0 24px 60px rgba(42,37,32,.22);background:#FFFDF9}
#cc-main .cm--cloud .cm__body{align-items:center;padding:0}
#cc-main .cm--cloud .cm__texts{position:relative;padding:22px 8px 22px 94px;flex:1 1 auto}
#cc-main .cm__title{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.025em;color:#2A2520;padding:0;margin:0}
#cc-main .cm--cloud .lf-ck-ico{position:absolute;left:24px;top:50%;transform:translateY(-50%)}
#cc-main .lf-ck-ico{width:48px;height:48px;border-radius:16px;background:#FEF1EA;color:#D4622B;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#cc-main .lf-ck-ico svg{display:block}
#cc-main .cm.cm--cloud .cm__desc{font-size:14px;line-height:1.55;color:#6B6560;padding:0!important;margin-top:5px;max-height:none!important;overflow:visible}
#cc-main .cm.cm--cloud .cm__title{padding:0!important}
#cc-main .lf-ck-short{display:none}
#cc-main .cm.cm--cloud .cm__btns{width:268px;max-width:none!important;flex:0 0 auto;padding:22px 24px 18px!important;border:0!important;display:flex;flex-direction:column!important;gap:8px}
#cc-main .cm.cm--cloud .cm__btn-group{display:flex!important;flex-direction:column!important;gap:8px;margin:0!important}
#cc-main .cm.cm--cloud .cm__btn+.cm__btn,#cc-main .cm.cm--cloud .cm__btn-group+.cm__btn-group{margin:0!important}
#cc-main .cm__btn{height:48px;min-height:0;padding:0 18px;border-radius:15px;font-size:15px;font-weight:700;margin:0!important;width:100%}
#cc-main .cm__btn[data-role="all"]{background:#D4622B;border-color:#D4622B;color:#FFFDF9}
#cc-main .cm__btn[data-role="all"]:hover{background:#BE5422;border-color:#BE5422}
#cc-main .cm__btn[data-role="necessary"]{background:#2A2520;border-color:#2A2520;color:#FFFDF9}
#cc-main .cm__btn[data-role="necessary"]:hover{background:#40372F;border-color:#40372F}
#cc-main .cm__btn[data-role="show"]{height:auto;min-height:0;padding:4px 0 0;background:none;border:0;color:#A8461A;font-size:14px;
  text-decoration:underline;text-underline-offset:3px}
#cc-main .cm__btn[data-role="show"]:hover{background:none;color:#2A2520}

/* ---------- beállítások ---------- */
#cc-main .pm.pm--box{max-width:680px;border-radius:24px;border:1px solid #E8E3DC;box-shadow:0 30px 80px rgba(42,37,32,.28);background:#FFFDF9}
#cc-main .pm__header{padding:26px 28px 0;border:0;align-items:flex-start}
#cc-main .pm__title{font-size:24px;font-weight:800;letter-spacing:-.03em;color:#2A2520}
#cc-main .pm__close-btn{width:36px;height:36px;border-radius:18px;background:#F1EDE4;border:0}
#cc-main .pm__close-btn:hover{background:#E9E3DA}
#cc-main .pm__close-btn svg{stroke:#6B6560}
#cc-main .pm__body{padding:6px 28px 4px}
#cc-main .pm__section{border:0;padding:0;margin:0}
#cc-main .pm__body > .pm__section:first-child .pm__section-desc{font-size:14px;line-height:1.55;color:#6B6560}
#cc-main .pm__section-toggles{display:flex;flex-direction:column;gap:10px;margin-top:18px}
#cc-main .pm__section--toggle{border:1px solid #E8E3DC!important;border-radius:16px;background:#FFFDF9;margin:0!important;overflow:hidden}
#cc-main .pm__section--toggle .pm__section-title-wrapper{position:relative;padding:14px 76px 0 16px;margin:0}
#cc-main .pm__section--toggle .pm__section-title{display:block;padding:0!important;border:0!important;background:none!important;
  font-size:15.5px;font-weight:800;letter-spacing:-.02em;color:#2A2520;min-height:0;cursor:default;border-radius:0}
#cc-main .pm__section-arrow{display:none!important}
#cc-main .pm__section--toggle .pm__section-desc-wrapper{display:block!important;border:0!important;margin:0!important;padding:3px 16px 12px;overflow:visible;font-size:13px}
#cc-main .pm__section--toggle .pm__section-desc{font-size:13px;line-height:1.5;color:#6B6560;padding:0!important;border:0!important}
#cc-main .pm__section--toggle .pm__section-desc:first-child{display:block;padding-right:60px!important}
#cc-main .section__toggle-wrapper{position:absolute;right:16px;top:14px;margin:0}
#cc-main .section__toggle,#cc-main .toggle__icon{width:46px;height:28px;border-radius:14px}
#cc-main .toggle__icon{box-shadow:none}
#cc-main .toggle__icon-circle{width:22px;height:22px;top:3px;left:3px}
#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(18px)}
#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{display:none!important}
#cc-main .lf-ck-always{position:absolute;right:16px;top:14px;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px;
  background:#E5EED9;color:#3F6B28;font-size:12px;font-weight:700;white-space:nowrap}
#cc-main .lf-ck-more{margin:6px 0 2px}
#cc-main .lf-ck-more summary{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:#A8461A}
#cc-main .lf-ck-more summary::-webkit-details-marker{display:none}
#cc-main .lf-ck-more summary:hover{color:#2A2520}
#cc-main .lf-ck-more .o{display:none}
#cc-main .lf-ck-more[open] .o{display:inline}
#cc-main .lf-ck-more[open] .c{display:none}
#cc-main .lf-ck-more[open] summary svg{transform:rotate(180deg)}
#cc-main .lf-ck-tbl{width:calc(100% + 32px);margin:10px -16px -12px;border-collapse:collapse;font-size:12.5px}
#cc-main .lf-ck-tbl th{text-align:left;font-weight:700;color:#6B6560;padding:8px 16px;background:#F8F5F0;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
#cc-main .lf-ck-tbl td{padding:9px 16px;border-top:1px solid #F0ECE6;color:#2A2520;vertical-align:top;line-height:1.4}
#cc-main .lf-ck-tbl td.lf-ck-d{white-space:nowrap}
#cc-main .lf-ck-tbl code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#F1EDE4;border-radius:5px;padding:1px 6px;white-space:nowrap;color:#2A2520}
#cc-main .pm__footer{padding:18px 28px 24px;border:0;gap:10px;background:#FFFDF9}
#cc-main .pm .pm__btn+.pm__btn,#cc-main .pm .pm__btn-group+.pm__btn-group{margin:0!important}
#cc-main .pm__footer .pm__btn-group{display:flex;gap:10px;flex:2 1 0}
#cc-main .pm__footer .pm__btn-group + .pm__btn-group{flex:1 1 0}
#cc-main .pm__btn{flex:1 1 0;height:48px;min-height:0;padding:0 14px;border-radius:15px;font-size:15px;font-weight:600;margin:0!important;
  background:#FFFDF9;border:1px solid #E8E3DC;color:#2A2520}
#cc-main .pm__btn:hover{background:#F4F0EA;border-color:#D9CFC3;color:#2A2520}
#cc-main .pm__btn[data-role="necessary"]{order:1}
#cc-main .pm__btn[data-role="all"]{order:2}
#cc-main .pm__btn[data-role="save"]{background:#D4622B;border-color:#D4622B;color:#FFFDF9;font-weight:700}
#cc-main .pm__btn[data-role="save"]:hover{background:#BE5422;border-color:#BE5422}

/* ---------- telefon ---------- */
@media screen and (max-width:640px){
  #cc-main .cm.cm--cloud{width:calc(100% - 20px);max-width:none;bottom:10px;left:10px;right:10px}
  #cc-main .cm.cm--cloud .cm__body{flex-direction:column;align-items:stretch}
  #cc-main .cm.cm--cloud .cm__texts{padding:18px 18px 0}
  #cc-main .cm.cm--cloud .lf-ck-ico{position:static;transform:none;width:40px;height:40px;border-radius:13px}
  #cc-main .cm.cm--cloud .cm__title{font-size:18px}
  #cc-main .cm.cm--cloud .cm__desc{font-size:13.5px;margin-top:10px}
  #cc-main .lf-ck-long{display:none}
  #cc-main .lf-ck-short{display:inline}
  #cc-main .cm.cm--cloud .cm__btns{width:auto;padding:14px 18px 14px!important;gap:10px}
  #cc-main .cm.cm--cloud .cm__btn-group:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #cc-main .cm.cm--cloud .cm__btn{height:46px;font-size:14px;padding:0 10px;min-width:0}
  #cc-main .cm.cm--cloud .cm__btn[data-role="show"]{height:auto;padding:0;text-align:center}
  #cc-main .pm-wrapper .pm.pm--box{position:fixed;left:0;right:0;bottom:0;top:40px;max-width:none;width:100%;max-height:none;height:auto;
    border-radius:26px 26px 0 0;border-bottom:0;transform:none}
  #cc-main .pm__header{padding:18px 18px 0}
  #cc-main .pm__title{font-size:21px}
  #cc-main .pm__body{padding:6px 18px 4px}
  #cc-main .pm.pm--box .pm__footer{padding:12px 18px 16px;border-top:1px solid #F0ECE6;flex-direction:column-reverse!important;gap:8px}
  #cc-main .pm.pm--box .pm__footer .pm__btn-group{flex:none;width:100%}
  #cc-main .pm.pm--box .pm__footer .pm__btn-group:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #cc-main .pm.pm--box .pm__btn{flex:none;width:100%;height:44px;font-size:14px;padding:0 8px}
  #cc-main .pm.pm--box .pm__btn[data-role="save"]{height:48px;font-size:15px}
  #cc-main .lf-ck-tbl thead{display:none}
  #cc-main .lf-ck-tbl tr{display:grid;grid-template-columns:1fr auto;padding:10px 16px;border-top:1px solid #F0ECE6}
  #cc-main .lf-ck-tbl td{padding:0;border:0}
  #cc-main .lf-ck-tbl td:nth-child(2){grid-row:2;grid-column:1 / -1;margin-top:4px}
  #cc-main .lf-ck-tbl td.lf-ck-d{grid-row:1;grid-column:2;color:#6B6560}
}
