/* dijital-link-ui · biolink.css · araclar/derle.php üretti. Elle düzenleme: kaynak/css/biolink/ */

/* --- 100-isaretsiz-sadece-gece-modunda-modal-form-m.css --- */
.link-verified {
    border: 1.5px solid #fff;
    border-radius: 50rem;
    padding: 0.15rem 0.45rem;
    background: #0095f6;
    color: #fff;
    font-weight: 700;
    font-family: "Open Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.link-footer-branding {
    font-family: "Open Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.link-external-item-image {
    max-height: none;
}

#cc-main {
    font-family: "Open Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}








/* Sadece gece modunda modal form Mesaj gönder butonu */
@media (prefers-color-scheme: dark) {
  .modal-content form button[type="submit"][name="submit"].btn.btn-block.btn-lg.btn-primary[data-is-ajax],
  .modal-content form button[type="submit"][name="submit"].btn.btn-block.btn-lg.btn-primary[data-is-ajax]:hover,
  .modal-content form button[type="submit"][name="submit"].btn.btn-block.btn-lg.btn-primary[data-is-ajax]:focus,
  .modal-content form button[type="submit"][name="submit"].btn.btn-block.btn-lg.btn-primary[data-is-ajax]:active {
    background: #d9fa31 !important;
    border-color: #d9fa31 !important;
    color: #000000 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  .modal-content form button[type="submit"][name="submit"].btn.btn-block.btn-lg.btn-primary[data-is-ajax]:focus {
    outline: none !important;
  }
}

/* --- 110-cerez-baneri.css --- */
/* ===== DL-BLOK: cerez-baneri ===== */
#cc-main{
  --b-yuzey:      #FFFFFF;
  --b-kenar:      rgba(15,23,42,.10);
  --b-baslik:     #111827;
  --b-metin:      #6B7280;
  --b-birincil:   #111827;
  --b-birincil-yazi:#FFFFFF;
  --b-hayalet-kenar:rgba(15,23,42,.16);
  --b-hayalet-yazi: #111827;
  --b-bag:        #6B7280;
  --b-yuzey-2:    #F3F3F3;
  --b-kenar-guclu:rgba(15,23,42,.16);

  --cc-bg:                             #FFFFFF;
  --cc-primary-color:                  #111827;
  --cc-secondary-color:                #6B7280;
  --cc-link-color:                     #4F5F10;
  --cc-modal-border-radius:            16px;
  --cc-btn-border-radius:              8px;
  --cc-cookie-category-block-bg:       #F3F3F3;
  --cc-cookie-category-block-border:   rgba(15,23,42,.10);
  --cc-cookie-category-block-hover-bg: #E9EBEE;
  --cc-cookie-category-block-hover-border: rgba(15,23,42,.16);
  --cc-toggle-on-bg:                   #111827;
  --cc-toggle-on-knob-bg:              #FFFFFF;
  --cc-toggle-off-bg:                  rgba(15,23,42,.22);
  --cc-toggle-off-knob-bg:             #FFFFFF;
  --cc-toggle-readonly-bg:             rgba(15,23,42,.12);
  --cc-toggle-readonly-knob-bg:        #FFFFFF;
  --cc-toggle-readonly-knob-icon-color:rgba(15,23,42,.45);
}

@media (prefers-color-scheme: dark){
  #cc-main{
    --b-yuzey:      #171717;
    --b-kenar:      rgba(255,255,255,.12);
    --b-baslik:     #E7EAEE;
    --b-metin:      #9AA0A8;
    --b-birincil:   #D9FA31;
    --b-birincil-yazi:#0F1115;
    --b-hayalet-kenar:rgba(255,255,255,.22);
    --b-hayalet-yazi: #E7EAEE;
    --b-bag:        #9AA0A8;
    --b-yuzey-2:    rgba(255,255,255,.05);
    --b-kenar-guclu:rgba(255,255,255,.18);

    --cc-bg:                             #171717;
    --cc-primary-color:                  #E7EAEE;
    --cc-secondary-color:                #9AA0A8;
    --cc-link-color:                     #D9FA31;
    --cc-cookie-category-block-bg:       rgba(255,255,255,.05);
    --cc-cookie-category-block-border:   rgba(255,255,255,.10);
    --cc-cookie-category-block-hover-bg: rgba(255,255,255,.075);
    --cc-cookie-category-block-hover-border: rgba(255,255,255,.18);
    --cc-toggle-on-bg:                   #D9FA31;
    --cc-toggle-on-knob-bg:              #0F1115;
    --cc-toggle-off-bg:                  rgba(255,255,255,.18);
    --cc-toggle-off-knob-bg:             #E7EAEE;
    --cc-toggle-readonly-bg:             rgba(255,255,255,.10);
    --cc-toggle-readonly-knob-bg:        #7A8089;
    --cc-toggle-readonly-knob-icon-color:rgba(255,255,255,.10);
  }
}

#cc-main .cm--box{
  width: 340px !important;
  max-width: calc(100vw - 24px) !important;
  border-radius: 14px !important;
  background: var(--b-yuzey) !important;
  border: 1px solid var(--b-kenar) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 18px 44px -14px rgba(0,0,0,.45) !important;
}
#cc-main .cm__body{ padding: .8rem .9rem !important; }
#cc-main .cm__texts{ padding: 0 !important; }

#cc-main .cm__title{
  font-size: .875rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--b-baslik) !important;
  margin: 0 0 .28rem !important;
  padding: 0 !important;
}
#cc-main .cm__desc{
  font-size: .765rem !important;
  line-height: 1.45 !important;
  color: var(--b-metin) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#cc-main .cm--box .cm__btns{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem .75rem !important;
  padding: .75rem 0 0 !important;
  border-top: 0 !important;
  margin: 0 !important;
}
#cc-main .cm--box .cm__btn-group{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .375rem !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#cc-main .cm--box .cm__btn-group:first-child{ flex: 0 0 auto !important; }
#cc-main .cm--box .cm__btn-group:last-child{  flex: 0 0 auto !important; margin: 0 !important; }

#cc-main .cm--box .cm__btn{
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  font-size: .765rem !important;
  font-weight: 600 !important;
  padding: 0 .6rem !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
  transition: filter .15s ease, background-color .15s ease !important;
}

#cc-main .cm--box .cm__btn[data-role="all"]{
  background: var(--b-birincil) !important;
  color: var(--b-birincil-yazi) !important;
}
#cc-main .cm--box .cm__btn[data-role="all"]:hover{ filter: brightness(1.07) !important; }

#cc-main .cm--box .cm__btn[data-role="necessary"]{
  background: transparent !important;
  border-color: var(--b-hayalet-kenar) !important;
  color: var(--b-hayalet-yazi) !important;
}
#cc-main .cm--box .cm__btn[data-role="necessary"]:hover{
  background: var(--b-yuzey-2) !important;
}

#cc-main .cm--box .cm__btn[data-role="show"]{
  flex: 0 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-size: .72rem !important;
  font-weight: 500 !important;
  color: var(--b-bag) !important;
  text-decoration: underline !important;
  text-underline-offset: .2em !important;
}
#cc-main .cm--box .cm__btn[data-role="show"]:hover{ color: var(--b-baslik) !important; }

#cc-main .pm--box{
  background: var(--b-yuzey) !important;
  border: 1px solid var(--b-kenar) !important;
  border-radius: 16px !important;
  height: auto !important;
  max-height: min(600px, calc(100dvh - 3rem)) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 26px 64px -20px rgba(0,0,0,.55) !important;
}

#cc-main .pm__header{
  padding: .9rem 1.05rem !important;
  border-bottom: 1px solid var(--b-kenar) !important;
}
#cc-main .pm__title{
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--b-baslik) !important;
}
#cc-main .pm__close-btn{
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  border: 1px solid var(--b-kenar) !important;
  background: transparent !important;
}
#cc-main .pm__close-btn:hover{ background: var(--b-yuzey-2) !important; }

#cc-main .pm__body{ padding: .95rem 1.05rem !important; }
#cc-main .pm__section-desc,
#cc-main .pm__section-desc *{ font-size: .8rem !important; line-height: 1.55 !important; }
#cc-main .pm__section-title{ font-size: .85rem !important; font-weight: 600 !important; }

#cc-main .pm__section--toggle{ border-radius: 10px !important; }
#cc-main .pm__section-toggles{ gap: .4rem !important; }

#cc-main .pm__footer{
  padding: .8rem 1.05rem !important;
  background: transparent !important;
  border-top: 1px solid var(--b-kenar) !important;
}
#cc-main .pm__btn{
  height: 34px !important;
  min-height: 34px !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  padding: 0 .8rem !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
}

#cc-main .pm__btn:not(.pm__btn--secondary){
  background: transparent !important;
  border-color: var(--b-hayalet-kenar) !important;
  color: var(--b-hayalet-yazi) !important;
}
#cc-main .pm__btn:not(.pm__btn--secondary):hover{
  background: var(--b-yuzey-2) !important;
}
#cc-main .pm__btn--secondary{
  background: var(--b-birincil) !important;
  border-color: var(--b-birincil) !important;
  color: var(--b-birincil-yazi) !important;
}
#cc-main .pm__btn--secondary:hover{ filter: brightness(1.07) !important; }

@media screen and (max-width: 640px){
  #cc-main .cm--box.cm--box{
    width: auto !important;
    max-width: none !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    margin: 0 !important;
  }

  #cc-main .cm--box.cm--box .cm__body{
    padding: .8rem .9rem !important;
    flex-direction: column !important;
  }
  #cc-main .cm--box.cm--box .cm__title,
  #cc-main .cm--box.cm--box .cm__desc,
  #cc-main .cm--box.cm--box .cm__btns{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #cc-main .cm--box.cm--box .cm__btns{
    padding-top: .75rem !important;
    border-top: 0 !important;
  }

  #cc-main .cm--box.cm--box .cm__btn-group{
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  #cc-main .cm--box.cm--box .cm__btn{
    flex: 0 0 auto !important;
  }
  #cc-main .cm--box.cm--box .cm__btn[data-role="show"]{
    flex: 0 0 auto !important;
  }

  #cc-main .cm--box.cm--box .cm__btn + .cm__btn,
  #cc-main .cm--box.cm--box .cm__btn-group + .cm__btn-group{
    margin: 0 !important;
  }
  #cc-main .cm--box.cm--box .cm__btns{
    justify-content: space-between !important;
  }

  #cc-main .pm__header,
  #cc-main .pm__body,
  #cc-main .pm__footer{ padding: .85rem .9rem !important; }
  #cc-main .pm__btn{ height: 36px !important; min-height: 36px !important; }
}
/* ===== /DL-BLOK: cerez-baneri ===== */