/* SYÖ Çerez Yönetimi: CookieConsent in the site's look (white card, cyan → indigo, Nunito). Light only, like the site.
   Site variables (--syo-*) are used when present, with the same values as fallbacks. */
#cc-main {
  --cc-font-family: var(--syo-body, "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif);
  --cc-bg: #fff;
  --cc-primary-color: var(--syo-fg, #13203e);
  --cc-secondary-color: var(--syo-muted, #54657a);
  --cc-btn-primary-bg: var(--syo-cyan-dark, #166d93);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: transparent;
  --cc-btn-primary-hover-bg: var(--syo-indigo, #2e3192);
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: transparent;
  --cc-btn-secondary-bg: #fff;
  --cc-btn-secondary-color: var(--syo-indigo, #2e3192);
  --cc-btn-secondary-border-color: var(--syo-c100, #cffafe);
  --cc-btn-secondary-hover-bg: var(--syo-c50, #ecfeff);
  --cc-btn-secondary-hover-color: var(--syo-indigo, #2e3192);
  --cc-btn-secondary-hover-border-color: var(--syo-c200, #a5f3fc);
  --cc-separator-border-color: var(--syo-s200, #e2e8f0);
  --cc-toggle-on-bg: var(--syo-cyan-dark, #166d93);
  --cc-toggle-off-bg: var(--syo-s400, #94a3b8);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-enabled-icon-color: var(--syo-cyan-dark, #166d93);
  --cc-toggle-disabled-icon-color: var(--syo-s400, #94a3b8);
  --cc-toggle-readonly-bg: var(--syo-c200, #a5f3fc);
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: var(--syo-cyan-dark, #166d93);
  --cc-section-category-border: var(--syo-c100, #cffafe);
  --cc-cookie-category-block-bg: var(--syo-soft-b, #f3fcff);
  --cc-cookie-category-block-border: var(--syo-c100, #cffafe);
  --cc-cookie-category-block-hover-bg: var(--syo-c50, #ecfeff);
  --cc-cookie-category-block-hover-border: var(--syo-c200, #a5f3fc);
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--syo-c50, #ecfeff);
  --cc-overlay-bg: rgba(20, 22, 74, .55);
  --cc-footer-bg: var(--syo-s50, #f8fafc);
  --cc-footer-color: var(--syo-muted, #54657a);
  --cc-footer-border-color: var(--syo-s200, #e2e8f0);
  --cc-link-color: var(--syo-cyan-dark, #166d93);
  --cc-modal-border-radius: 24px;
  --cc-btn-border-radius: 14px;
  --cc-modal-margin: 24px;
  --cc-pm-toggle-border-radius: 4em;
}

/* ------------------------------------------------------------------ consent window (bottom left, like the old box) */
#cc-main .cm { max-width: 28rem; border: 1px solid var(--syo-c100, #cffafe); box-shadow: 0 30px 70px -30px rgba(46, 49, 146, .55); }
#cc-main .cm__body { padding-top: 6px; }
#cc-main .cm__title { display: flex; align-items: center; gap: 14px; font-family: var(--syo-head, "Nunito", system-ui, sans-serif);
  font-size: 16px; font-weight: 900; line-height: 1.25; color: var(--syo-indigo, #2e3192); }
#cc-main .cm__title::before { content: ""; flex: none; width: 44px; height: 44px; border-radius: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Cpath d='M8.5 8.5v.01M16 15.5v.01M12 12v.01M11 17v.01M7 14v.01'/%3E%3C/svg%3E") center / 20px no-repeat,
    linear-gradient(135deg, var(--syo-indigo, #2e3192), var(--syo-cyan-dark, #166d93));
  box-shadow: 0 10px 20px -8px rgba(46, 49, 146, .5); }
#cc-main .cm__desc { font-size: 13.5px; font-weight: 600; line-height: 1.6; color: var(--syo-s500, #64748b); }
#cc-main .cm__footer { font-size: 12.5px; }

/* buttons: "accept" and "necessary only" carry the same weight (KVKK good practice); preferences is the quiet one */
#cc-main .cm__btn, #cc-main .pm__btn { min-height: 44px; border-width: 2px; font-family: var(--syo-head, "Nunito", system-ui, sans-serif);
  font-size: 14px; font-weight: 800; transition: transform .25s, box-shadow .25s, background-color .25s; }
#cc-main .cm__btn[data-role="all"], #cc-main .pm__btn[data-role="all"] {
  background: linear-gradient(90deg, var(--syo-cyan, #29abe2), var(--syo-cyan-dark, #166d93)); border-color: transparent; color: #fff;
  box-shadow: 0 10px 22px -10px rgba(41, 171, 226, .75); }
#cc-main .cm__btn[data-role="necessary"], #cc-main .pm__btn[data-role="necessary"] {
  background: linear-gradient(90deg, var(--syo-indigo, #2e3192), var(--syo-indigo-dark, #1d1f63)); border-color: transparent; color: #fff;
  box-shadow: 0 10px 22px -10px rgba(46, 49, 146, .6); }
#cc-main .cm__btn[data-role="all"]:hover, #cc-main .pm__btn[data-role="all"]:hover,
#cc-main .cm__btn[data-role="necessary"]:hover, #cc-main .pm__btn[data-role="necessary"]:hover { transform: translateY(-1px); color: #fff; }
#cc-main .cm__btn--secondary, #cc-main .pm__btn--secondary { background: #fff; }
#cc-main .cm__btn:focus-visible, #cc-main .pm__btn:focus-visible, #cc-main .pm__close-btn:focus-visible,
#cc-main .section__toggle:focus-visible + .toggle__icon { outline: 2px solid var(--syo-cyan, #29abe2); outline-offset: 2px; }

/* ------------------------------------------------------------------ preferences window */
#cc-main .pm { border: 1px solid var(--syo-c100, #cffafe); }
#cc-main .pm__title { font-family: var(--syo-head, "Nunito", system-ui, sans-serif); font-weight: 900; color: var(--syo-indigo, #2e3192); }
#cc-main .pm__section-title { font-family: var(--syo-head, "Nunito", system-ui, sans-serif); font-weight: 800; color: var(--syo-indigo, #2e3192); }
#cc-main .pm__section-desc { font-size: 14px; line-height: 1.6; }
#cc-main .pm__table-th { font-family: var(--syo-head, "Nunito", system-ui, sans-serif); font-weight: 800; color: var(--syo-indigo, #2e3192); }
#cc-main .pm__table-td { font-size: 13px; }
#cc-main .syo-cerez-kimlik { margin: 4px 0 0; padding: 10px 14px; border-radius: 12px; background: var(--syo-s50, #f8fafc);
  font-size: 12px; line-height: 1.5; color: var(--syo-muted, #54657a); word-break: break-all; }

/* ------------------------------------------------------------------ blocked external media */
iframe.syo-cerez-engelli { display: none !important; }
.elementor-widget.syo-cerez-engelli > :not(.syo-cerez-yer) { display: none !important; }
.syo-cerez-yer { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 240px; aspect-ratio: 16 / 9;
  padding: 24px; border-radius: 18px; border: 1px solid var(--syo-c100, #cffafe); text-align: center;
  background: linear-gradient(135deg, var(--syo-soft-a, #e4f7ff), var(--syo-soft-b, #f3fcff) 50%, var(--syo-soft-c, #d9f5ff)); box-sizing: border-box; }
.syo-cerez-yer--kapla { position: absolute; inset: 0; min-height: 0; aspect-ratio: auto; }
.syo-cerez-yer__ic { max-width: 440px; }
.syo-cerez-yer__baslik { margin: 0 0 6px; font-family: var(--syo-head, "Nunito", system-ui, sans-serif); font-size: 17px; font-weight: 900;
  color: var(--syo-indigo, #2e3192); }
.syo-cerez-yer__metin { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: var(--syo-muted, #54657a); }
.syo-cerez-yer__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.syo-cerez-yer .syo-cerez-yer__dugmeler button { min-height: 42px; margin: 0; padding: 0 18px; border-radius: 12px; border: 2px solid transparent;
  cursor: pointer; font-family: var(--syo-head, "Nunito", system-ui, sans-serif); font-size: 14px; font-weight: 800; line-height: 1.2;
  text-transform: none; transition: transform .25s, background-color .25s; }
/* two classes: the theme's reset styles every button (pink text and border) with the same weight as one class */
.syo-cerez-yer .syo-cerez-yer__izin, .syo-cerez-yer .syo-cerez-yer__izin:hover, .syo-cerez-yer .syo-cerez-yer__izin:focus {
  color: #fff; border-color: transparent; background: linear-gradient(90deg, var(--syo-cyan, #29abe2), var(--syo-cyan-dark, #166d93)); }
.syo-cerez-yer .syo-cerez-yer__tercih, .syo-cerez-yer .syo-cerez-yer__tercih:hover, .syo-cerez-yer .syo-cerez-yer__tercih:focus {
  color: var(--syo-indigo, #2e3192); border-color: var(--syo-c100, #cffafe); background: #fff; }
.syo-cerez-yer .syo-cerez-yer__tercih:hover { background: var(--syo-c50, #ecfeff); }
.syo-cerez-yer .syo-cerez-yer__dugmeler button:hover { transform: translateY(-1px); }
.syo-cerez-yer__dugmeler button:focus-visible { outline: 2px solid var(--syo-cyan, #29abe2); outline-offset: 2px; }

@media (max-width: 640px) {
  #cc-main { --cc-modal-margin: 12px; }
  #cc-main .cm { max-width: none; }
  .syo-cerez-yer { padding: 18px; }
}