/* ==================================================
   1. HEADER – MASAÜSTÜ MENÜ RENKLERİ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #000;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]) {
    color: #fff !important;
    transition: color .2s ease !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover {
    color: #db0032 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Dönen referans logoları: beyaz temada görünürlük */
.gs_logo_single--wrapper {
  box-sizing: border-box;
  padding: 8px !important;
}

.gs_logo_single--inner {
  box-sizing: border-box;
  min-height: 110px;
  padding: 16px 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7 !important;
  border: 1px solid #e6e6e6 !important;
}

.gs_logo_single--inner img.gs-logo--img {
  max-width: 100%;
  height: auto;
}

    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Referans logo bölümünü tek parça koyu zeminde göster */
#gs_logo_area_48,
#gs_logo_area_48 .gs_logo_area--inner,
#gs_logo_area_48 .gs_logo_container,
#gs_logo_area_48 .swiper-wrapper {
  background-color: #242424 !important;
}

#gs_logo_area_48 {
  padding: 24px 0 !important;
}

#gs_logo_area_48 .gs_logo_single--wrapper,
#gs_logo_area_48 .gs_logo_single,
#gs_logo_area_48 .gs_logo_single--inner {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#gs_logo_area_48 .gs_logo_single--inner {
  padding: 16px 20px !important;
}


/* Ana hero içerik hizalaması */
body.home main .wp-block-cover:first-child {
  align-items: center !important;
}


/* Üst hızlı menü CTA görünürlüğü */
.ust-hizli-menu a[href*="/teklif-formu/"],
.ust-hizli-menu a[href*="/iletisim/"] {
  font-weight: 700 !important;
}


/* Üst hızlı menü hover yazı rengi */
.ust-hizli-menu a[href*="/teklif-formu/"]:hover,
.ust-hizli-menu a[href*="/iletisim/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
  color: #25d366 !important;
  -webkit-text-fill-color: #25d366 !important;
}


/* Masaüstü menüde ortak hover rengi */
@media (min-width: 1025px) {
  header nav a:hover,
  .ust-hizli-menu a:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Menü hover rengini güçlü seçiciyle eşitle */
@media (min-width: 1025px) {
  header nav a[href*="burotime"]:hover,
  header nav a[href*="teklif"]:hover,
  header nav a:hover,
  .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Üst menü hover rengini son katmanda sabitle */
@media (min-width: 1025px) {
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/iletisim/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Masaüstü menü hover kalınlığı */
@media (min-width: 1025px) {
  header nav a:hover,
  .ust-hizli-menu a:hover {
    font-weight: 600 !important;
  }
}

    color: #db0032 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Dönen referans logoları: beyaz temada görünürlük */
.gs_logo_single--wrapper {
  box-sizing: border-box;
  padding: 8px !important;
}

.gs_logo_single--inner {
  box-sizing: border-box;
  min-height: 110px;
  padding: 16px 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7 !important;
  border: 1px solid #e6e6e6 !important;
}

.gs_logo_single--inner img.gs-logo--img {
  max-width: 100%;
  height: auto;
}

    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Referans logo bölümünü tek parça koyu zeminde göster */
#gs_logo_area_48,
#gs_logo_area_48 .gs_logo_area--inner,
#gs_logo_area_48 .gs_logo_container,
#gs_logo_area_48 .swiper-wrapper {
  background-color: #242424 !important;
}

#gs_logo_area_48 {
  padding: 24px 0 !important;
}

#gs_logo_area_48 .gs_logo_single--wrapper,
#gs_logo_area_48 .gs_logo_single,
#gs_logo_area_48 .gs_logo_single--inner {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#gs_logo_area_48 .gs_logo_single--inner {
  padding: 16px 20px !important;
}


/* Ana hero içerik hizalaması */
body.home main .wp-block-cover:first-child {
  align-items: center !important;
}


/* Üst hızlı menü CTA görünürlüğü */
.ust-hizli-menu a[href*="/teklif-formu/"],
.ust-hizli-menu a[href*="/iletisim/"] {
  font-weight: 700 !important;
}


/* Üst hızlı menü hover yazı rengi */
.ust-hizli-menu a[href*="/teklif-formu/"]:hover,
.ust-hizli-menu a[href*="/iletisim/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
  color: #25d366 !important;
  -webkit-text-fill-color: #25d366 !important;
}


/* Masaüstü menüde ortak hover rengi */
@media (min-width: 1025px) {
  header nav a:hover,
  .ust-hizli-menu a:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Menü hover rengini güçlü seçiciyle eşitle */
@media (min-width: 1025px) {
  header nav a[href*="burotime"]:hover,
  header nav a[href*="teklif"]:hover,
  header nav a:hover,
  .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Üst menü hover rengini son katmanda sabitle */
@media (min-width: 1025px) {
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/iletisim/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Bürotime görselsiz mega menü */
@media (min-width: 1025px) {
  header nav li.has-child:has(> a[href*="/burotime/"]) { position: static !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container {
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; row-gap: 0;
    position: absolute !important; top: 100% !important; left: 50% !important; width: min(760px, calc(100vw - 48px)) !important; min-width: 0 !important;
    padding: 24px 30px !important; transform: translateX(-50%) !important; background: #fff !important;
    border: 1px solid rgba(36,36,36,.14) !important; box-shadow: 0 18px 42px rgba(0,0,0,.14) !important;
  }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container > li { margin: 0 !important; width: auto !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container a { display: block !important; padding: 13px 0 !important; color: #242424 !important; border-bottom: 1px solid #e6e6e6 !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container a:hover { color: #db0032 !important; background: transparent !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-icon { display: none !important; }
}


/* Tüm masaüstü menülerinde görselsiz mega menü */
@media (min-width: 1025px) {
  header nav li.has-child {
    position: static !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 0;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    width: min(760px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    padding: 24px 30px !important;
    transform: translateX(-50%) !important;
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.14) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.14) !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container > li {
    margin: 0 !important;
    width: auto !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container a {
    display: block !important;
    padding: 13px 0 !important;
    color: #242424 !important;
    border-bottom: 1px solid #e6e6e6 !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-icon {
    display: none !important;
  }

  header nav > ul > li > a,
  .ust-hizli-menu a {
    display: inline-block !important;
    transform-origin: center center !important;
    transition: transform .2s ease, color .2s ease !important;
  }

  header nav > ul > li > a:hover,
  .ust-hizli-menu a:hover {
    transform: scale(1.05) !important;
    font-weight: inherit !important;
  }
}


/* Mega menü alt bağlantıları hover kalınlığı */
@media (min-width: 1025px) {
  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    font-weight: 600 !important;
  }
}


/* Mega menü alt bağlantıları normal/hover ağırlığı */
@media (min-width: 1025px) {
  header nav li.has-child > .wp-block-navigation__submenu-container a {
    font-weight: 400 !important;
  }
  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    font-weight: 600 !important;
  }
}


/* Üst menüde kaymasız merkezî büyüme */
@media (min-width: 1025px) {
  header nav ul.wp-block-navigation__container > li > a,
  .ust-hizli-menu a {
    display: inline-block !important;
    transform-origin: center center !important;
    transition: transform .2s ease, color .2s ease !important;
  }

  header nav ul.wp-block-navigation__container > li > a:hover {
    transform: scale(1.05) !important;
    font-weight: 400 !important;
  }

  header nav ul.wp-block-navigation__container > li > a[href*="/burotime/"]:hover {
    font-weight: 600 !important;
  }

  .ust-hizli-menu a:hover {
    transform: scale(1.05) !important;
    font-weight: 700 !important;
  }
}


/* Hover yazılarını kaydırmadan koyulaştır */
@media (min-width: 1025px) {
  header nav ul.wp-block-navigation__container > li > a:hover,
  .ust-hizli-menu a:hover,
  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    -webkit-text-stroke: .25px currentColor;
    text-shadow: 0 0 .01px currentColor;
  }
}


/* Menü hover: antrasit renk, dengeli büyüme */
@media (min-width: 1025px) {
  body header nav ul.wp-block-navigation__container > li > a:hover,
  body .ust-hizli-menu a:hover,
  body header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
    -webkit-text-stroke: .35px #242424;
    text-shadow: 0 0 .01px #242424;
  }
}


/* Proje Referanslar logo bölümü */
#gs_logo_area_47,
#gs_logo_area_47 .gs_logo_area--inner,
#gs_logo_area_47 .gs_logo_container,
#gs_logo_area_47 .swiper-wrapper {
  background-color: #242424 !important;
}

#gs_logo_area_47 {
  padding: 24px 0 !important;
}

#gs_logo_area_47 .gs_logo_single--wrapper,
#gs_logo_area_47 .gs_logo_single,
#gs_logo_area_47 .gs_logo_single--inner {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Ana sayfa ve Projeler logo bölümleri tam genişlik */
#gs_logo_area_47,
#gs_logo_area_48 {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}


/* Tam genişlikte scrollbar taşmasını önle */
#gs_logo_area_47,
#gs_logo_area_48 {
  width: 100dvw !important;
  margin-left: calc(50% - 50dvw) !important;
  margin-right: calc(50% - 50dvw) !important;
}


/* Logo alanlarını içerik boşluklarını kapatarak tam genişlik yap */
@media (min-width: 783px) {
  #gs_logo_area_47,
  #gs_logo_area_48 {
    width: calc(100% + 150px) !important;
    margin-left: -75px !important;
    margin-right: -75px !important;
  }
}

@media (max-width: 782px) {
  #gs_logo_area_47,
  #gs_logo_area_48 {
    width: calc(100% + 48px) !important;
    margin-left: -24px !important;
    margin-right: -24px !important;
  }
}

    color: #db0032 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Dönen referans logoları: beyaz temada görünürlük */
.gs_logo_single--wrapper {
  box-sizing: border-box;
  padding: 8px !important;
}

.gs_logo_single--inner {
  box-sizing: border-box;
  min-height: 110px;
  padding: 16px 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7 !important;
  border: 1px solid #e6e6e6 !important;
}

.gs_logo_single--inner img.gs-logo--img {
  max-width: 100%;
  height: auto;
}

    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Referans logo bölümünü tek parça koyu zeminde göster */
#gs_logo_area_48,
#gs_logo_area_48 .gs_logo_area--inner,
#gs_logo_area_48 .gs_logo_container,
#gs_logo_area_48 .swiper-wrapper {
  background-color: #242424 !important;
}

#gs_logo_area_48 {
  padding: 24px 0 !important;
}

#gs_logo_area_48 .gs_logo_single--wrapper,
#gs_logo_area_48 .gs_logo_single,
#gs_logo_area_48 .gs_logo_single--inner {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#gs_logo_area_48 .gs_logo_single--inner {
  padding: 16px 20px !important;
}


/* Ana hero içerik hizalaması */
body.home main .wp-block-cover:first-child {
  align-items: center !important;
}


/* Üst hızlı menü CTA görünürlüğü */
.ust-hizli-menu a[href*="/teklif-formu/"],
.ust-hizli-menu a[href*="/iletisim/"] {
  font-weight: 700 !important;
}


/* Üst hızlı menü hover yazı rengi */
.ust-hizli-menu a[href*="/teklif-formu/"]:hover,
.ust-hizli-menu a[href*="/iletisim/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
  color: #25d366 !important;
  -webkit-text-fill-color: #25d366 !important;
}


/* Masaüstü menüde ortak hover rengi */
@media (min-width: 1025px) {
  header nav a:hover,
  .ust-hizli-menu a:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Menü hover rengini güçlü seçiciyle eşitle */
@media (min-width: 1025px) {
  header nav a[href*="burotime"]:hover,
  header nav a[href*="teklif"]:hover,
  header nav a:hover,
  .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Üst menü hover rengini son katmanda sabitle */
@media (min-width: 1025px) {
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/iletisim/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Masaüstü menü hover kalınlığı */
@media (min-width: 1025px) {
  header nav a:hover,
  .ust-hizli-menu a:hover {
    font-weight: 600 !important;
  }
}

    color: #db0032 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Dönen referans logoları: beyaz temada görünürlük */
.gs_logo_single--wrapper {
  box-sizing: border-box;
  padding: 8px !important;
}

.gs_logo_single--inner {
  box-sizing: border-box;
  min-height: 110px;
  padding: 16px 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7 !important;
  border: 1px solid #e6e6e6 !important;
}

.gs_logo_single--inner img.gs-logo--img {
  max-width: 100%;
  height: auto;
}

    font-weight: 600 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #fff !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
    font-weight: 600 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #fff !important;
  }
}


/* ==================================================
   2. AKTİF SAYFA ALT ÇİZGİSİ
   ================================================== */

header nav li[class*="current"] > a,
header nav li.current-menu-item > a,
header nav li.current_page_item > a,
header nav li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important;
}


/* ==================================================
   3. MOBİL MENÜ
   ================================================== */

@media (max-width: 1024px) {
  header nav a {
    color: #222 !important;
  }

  header nav a[href*="burotime"] {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"] {
    color: #25d366 !important;
  }

  header nav a:hover {
    color: #222 !important;
  }

  header nav a[href*="burotime"]:hover {
    color: #db0032 !important;
  }

  header nav a[href*="teklif"]:hover {
    color: #25d366 !important;
  }

  .ust-hizli-menu {
    display: none !important;
  }
}


/* ==================================================
   4. ÜST HIZLI MENÜ
   ================================================== */

.ust-hizli-menu {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ust-hizli-menu a {
  text-decoration: none !important;
}

.ust-hizli-menu a[href*="teklif"],
.ust-hizli-menu a[href*="iletisim"] {
  color: #25d366 !important;
}

.ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
  color: #fff !important;
}

.ust-hizli-menu a:hover {
  color: #fff !important;
}


/* ==================================================
   5. MASAÜSTÜ ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header nav .wp-block-navigation__submenu-container {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #fff !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav .wp-block-navigation__submenu-container .current-menu-item > a,
  header nav .wp-block-navigation__submenu-container .current_page_item > a {
    color: #db0032 !important;
  }
}


/* ==================================================
   6. GİZLİ FAQ
   ================================================== */

.hidden-faq {
  position: absolute !important;
  left: -99999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==================================================
   7. BÜROTIME ORTAK RENK SEÇİM ALANI
   ================================================== */

.arte-renkler,
.burotime-renkler {
  width: 100%;
}

#arte-renk-sec,
.burotime-renk-sec {
  width: 100%;
  min-height: 52px;
  padding: 0 50px 0 16px;
  margin-bottom: 16px;
  appearance: auto;
  -webkit-appearance: auto;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  background: #fff;
  border: 1px solid #b9bcc0;
  border-radius: 4px;
  cursor: pointer;
}


/* ==================================================
   8. RENK KARTELASI
   ================================================== */

.arte-kartela,
.burotime-kartela {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #777 #eee;
}

.burotime-kartela[hidden] {
  display: none !important;
}

.arte-kartela img,
.burotime-kartela img {
  display: block;
  width: 100%;
  height: auto;
}

.arte-kartela::-webkit-scrollbar,
.burotime-kartela::-webkit-scrollbar {
  width: 7px;
}

.arte-kartela::-webkit-scrollbar-track,
.burotime-kartela::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb,
.burotime-kartela::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.arte-kartela::-webkit-scrollbar-thumb:hover,
.burotime-kartela::-webkit-scrollbar-thumb:hover {
  background: #444;
}

@media (max-width: 768px) {
  #arte-renk-sec,
  .burotime-renk-sec {
    min-height: 48px;
    font-size: 15px;
  }

  .arte-kartela,
  .burotime-kartela {
    height: 350px;
    padding-right: 6px;
  }
}


/* ==================================================
   9. BÜROTIME ÜRÜN SAYFALARI – ZEMİN
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #f8f8f8 !important;
  color-scheme: light;
}


/* ==================================================
   10. BÜROTIME ÜRÜN SAYFALARI – METİNLER
   ================================================== */

body.burotime-urun-sayfasi main,
body.burotime-urun-sayfasi main p,
body.burotime-urun-sayfasi main li,
body.burotime-urun-sayfasi main h1,
body.burotime-urun-sayfasi main h2,
body.burotime-urun-sayfasi main h3,
body.burotime-urun-sayfasi main h4,
body.burotime-urun-sayfasi main a {
  color: #222 !important;
}


/* ==================================================
   11. HEADER VE FOOTER
   ================================================== */

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #000 !important;
}


/* ==================================================
   12. SİYAH ÜRÜN KARTLARI
   ================================================== */

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #000 !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #fff !important;
}


/* ==================================================
   13. BAKIM DÜĞMESİ HOVER
   ================================================== */

body.burotime-urun-sayfasi .bakim-ac:hover,
body.burotime-urun-sayfasi .bakim-ac:focus {
  background: #000 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi .bakim-ac:hover span,
body.burotime-urun-sayfasi .bakim-ac:focus span {
  color: #fff !important;
}


/* ==================================================
   14. TÜM ÜRÜNLER – BAŞLIK VE FİLTRE SATIRI
   ================================================== */

.burotime-filtre-satiri {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  align-items: end !important;
  gap: 40px !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #555 !important;
}

.burotime-filtre-satiri > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri h2 {
  margin: 0 !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.burotime-filtre-satiri .wp-block-shortcode {
  margin: 0 !important;
}


/* ==================================================
   15. FILTER EVERYTHING – TEMİZ MASAÜSTÜ DÜZENİ
   ================================================== */

.burotime-filtre-satiri .wpc-filters-widget-wrapper {
  display: grid !important;
  grid-template-columns: max-content repeat(4,max-content) !important;
  justify-content: end !important;
  align-items: start !important;
  column-gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filters-widget-wrapper::before {
  content: "Filtre:";
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  transform: translateY(-6px) !important;
}

.burotime-filtre-satiri .wpc-filters-section {
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.burotime-filtre-satiri .wpc-filter-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
}

.burotime-filtre-satiri .wpc-filter-title {
  width: auto !important;
  margin: 0 !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

.burotime-filtre-satiri .wpc-filter-title button {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.burotime-filtre-satiri .wpc-filter-collapse-button,
.burotime-filtre-satiri .wpc-open-close-filters-button {
  right: -10px !important;
  margin: 0 !important;
}


/* ==================================================
   16. FİLTRELER – MOBİL GÖRÜNÜM
   ================================================== */

@media (max-width: 782px) {
  .burotime-filtre-satiri {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 20px !important;
  }

  .burotime-filtre-satiri h2 {
    font-size: 38px !important;
  }

  .burotime-filtre-satiri .wpc-filters-widget-wrapper {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 14px !important;
  }

  .burotime-filtre-satiri .wpc-filters-section,
  .burotime-filtre-satiri .wpc-filter-header {
    width: 100% !important;
  }
}

/* ==================================================
   17. BEYAZ TEMA – GENEL METİN RENGİ
   ================================================== */

body {
  color: #242424 !important;
  color-scheme: light;
}


/* ==================================================
   18. BEYAZ TEMA – MASAÜSTÜ HEADER VE ALT MENÜ
   ================================================== */

@media (min-width: 1025px) {
  header,
  header .wp-block-group,
  header .wp-block-template-part {
    background-color: #fff !important;
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]),
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]) {
    color: #242424 !important;
  }

  header nav a:not([href*="burotime"]):not([href*="teklif"]):hover,
  .ust-hizli-menu a:not([href*="teklif"]):not([href*="iletisim"]):hover {
    color: #db0032 !important;
  }

  header nav .wp-block-navigation__submenu-container {
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.12) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
  }

  header nav .wp-block-navigation__submenu-container a {
    color: #242424 !important;
  }

  header nav .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: #f6f6f6 !important;
  }
}


/* ==================================================
   19. BEYAZ TEMA – FOOTER
   ================================================== */

body footer,
body.burotime-urun-sayfasi footer,
footer > .wp-block-group,
footer .is-style-section-2 {
  background-color: #fff !important;
  color: #242424 !important;
}

body footer {
  border-top: 1px solid #e6e6e6 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer li {
  color: #242424 !important;
}

footer a:not(.wp-block-social-link-anchor) {
  color: #242424 !important;
  text-decoration-color: rgba(36,36,36,.35) !important;
}

footer a:not(.wp-block-social-link-anchor):hover {
  color: #db0032 !important;
}

footer .wp-block-separator {
  border-color: #e6e6e6 !important;
}

footer .wp-block-social-link,
footer .wp-block-social-link-anchor {
  color: #fff !important;
}


/* ==================================================
   20. ANA SAYFA – HERO YÜKSEKLİĞİ
   ================================================== */

body.home main .entry-content > .wp-block-cover:first-child {
  min-height: 520px !important;
  height: 520px !important;
}

@media (max-width: 782px) {
  body.home main .entry-content > .wp-block-cover:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }
}


/* ==================================================
   21. BÜROTIME SAYFALARI – BEYAZ TEMA RENK OVERRIDE
   ================================================== */

body.burotime-urun-sayfasi,
body.burotime-urun-sayfasi main {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi header,
body.burotime-urun-sayfasi footer {
  background-color: #fff !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link {
  background: #202221 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content h2 {
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-content p {
  color: #d5d8d6 !important;
}

body.burotime-urun-sayfasi main .note-designer {
  background-color: #f7f7f7 !important;
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-label,
body.burotime-urun-sayfasi main .note-designer-mark,
body.burotime-urun-sayfasi main .note-designer-names h2 em {
  color: #db0032 !important;
}

body.burotime-urun-sayfasi main .note-designer blockquote,
body.burotime-urun-sayfasi main .note-designer .note-designer-names h2,
body.burotime-urun-sayfasi main .note-designer .note-designer-names > span {
  color: #242424 !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary,
body.burotime-urun-sayfasi main .note-final-offer {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.primary:hover,
body.burotime-urun-sayfasi main .note-pcon-link .note-pcon-button.secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #202221 !important;
}

body.burotime-urun-sayfasi main .note-final-offer h2,
body.burotime-urun-sayfasi main .note-final-offer p,
body.burotime-urun-sayfasi main .note-final-offer .note-final-label {
  color: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart-grid,
body.burotime-urun-sayfasi .burotime-kart {
  background: #fff !important;
}

body.burotime-urun-sayfasi .burotime-kart,
body.burotime-urun-sayfasi .burotime-kart * {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri {
  border-bottom-color: #e6e6e6 !important;
}

body.burotime-urun-sayfasi .burotime-filtre-satiri h2,
body.burotime-urun-sayfasi .burotime-filtre-satiri .wpc-filter-title {
  color: #242424 !important;
}

body.burotime-urun-sayfasi .n2-ss-button-container a,
body.burotime-urun-sayfasi .n2-ss-button-container a span {
  background-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Bürotime CTA renkleri */
body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color {
  background-color: #db0032 !important;
  border-color: #db0032 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.burotime-urun-sayfasi main .wp-block-button__link.has-theme-1-background-color:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Hizmet bloğu CTA hover düzeltmesi */
main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"] {
  background-color: #f7f7f7 !important;
  border: 1px solid #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/teklif-formu/"]:hover {
  background-color: #242424 !important;
  border-color: #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"] {
  background-color: #242424 !important;
  border: 1px solid #242424 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

main .wp-block-button.is-service-link .wp-block-button__link[href*="/iletisim/"]:hover {
  background-color: #fff !important;
  border-color: #242424 !important;
  color: #242424 !important;
  -webkit-text-fill-color: #242424 !important;
}


/* Referans logo bölümünü tek parça koyu zeminde göster */
#gs_logo_area_48,
#gs_logo_area_48 .gs_logo_area--inner,
#gs_logo_area_48 .gs_logo_container,
#gs_logo_area_48 .swiper-wrapper {
  background-color: #242424 !important;
}

#gs_logo_area_48 {
  padding: 24px 0 !important;
}

#gs_logo_area_48 .gs_logo_single--wrapper,
#gs_logo_area_48 .gs_logo_single,
#gs_logo_area_48 .gs_logo_single--inner {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#gs_logo_area_48 .gs_logo_single--inner {
  padding: 16px 20px !important;
}


/* Ana hero içerik hizalaması */
body.home main .wp-block-cover:first-child {
  align-items: center !important;
}


/* Üst hızlı menü CTA görünürlüğü */
.ust-hizli-menu a[href*="/teklif-formu/"],
.ust-hizli-menu a[href*="/iletisim/"] {
  font-weight: 700 !important;
}


/* Üst hızlı menü hover yazı rengi */
.ust-hizli-menu a[href*="/teklif-formu/"]:hover,
.ust-hizli-menu a[href*="/iletisim/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
  color: #25d366 !important;
  -webkit-text-fill-color: #25d366 !important;
}


/* Masaüstü menüde ortak hover rengi */
@media (min-width: 1025px) {
  header nav a:hover,
  .ust-hizli-menu a:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Menü hover rengini güçlü seçiciyle eşitle */
@media (min-width: 1025px) {
  header nav a[href*="burotime"]:hover,
  header nav a[href*="teklif"]:hover,
  header nav a:hover,
  .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Üst menü hover rengini son katmanda sabitle */
@media (min-width: 1025px) {
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body:not(.burotime-urun-sayfasi) .ust-hizli-menu a[href*="/iletisim/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/teklif-formu/"]:hover,
  body.burotime-urun-sayfasi .ust-hizli-menu a[href*="/iletisim/"]:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
  }
}


/* Bürotime görselsiz mega menü */
@media (min-width: 1025px) {
  header nav li.has-child:has(> a[href*="/burotime/"]) { position: static !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container {
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; row-gap: 0;
    position: absolute !important; top: 100% !important; left: 50% !important; width: min(760px, calc(100vw - 48px)) !important; min-width: 0 !important;
    padding: 24px 30px !important; transform: translateX(-50%) !important; background: #fff !important;
    border: 1px solid rgba(36,36,36,.14) !important; box-shadow: 0 18px 42px rgba(0,0,0,.14) !important;
  }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container > li { margin: 0 !important; width: auto !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container a { display: block !important; padding: 13px 0 !important; color: #242424 !important; border-bottom: 1px solid #e6e6e6 !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-container a:hover { color: #db0032 !important; background: transparent !important; }
  header nav li.has-child:has(> a[href*="/burotime/"]) > .wp-block-navigation__submenu-icon { display: none !important; }
}


/* Tüm masaüstü menülerinde görselsiz mega menü */
@media (min-width: 1025px) {
  header nav li.has-child {
    position: static !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 0;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    width: min(760px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    padding: 24px 30px !important;
    transform: translateX(-50%) !important;
    background: #fff !important;
    border: 1px solid rgba(36,36,36,.14) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.14) !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container > li {
    margin: 0 !important;
    width: auto !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container a {
    display: block !important;
    padding: 13px 0 !important;
    color: #242424 !important;
    border-bottom: 1px solid #e6e6e6 !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    color: #db0032 !important;
    background: transparent !important;
  }

  header nav li.has-child > .wp-block-navigation__submenu-icon {
    display: none !important;
  }

  header nav > ul > li > a,
  .ust-hizli-menu a {
    display: inline-block !important;
    transform-origin: center center !important;
    transition: transform .2s ease, color .2s ease !important;
  }

  header nav > ul > li > a:hover,
  .ust-hizli-menu a:hover {
    transform: scale(1.05) !important;
    font-weight: inherit !important;
  }
}


/* Mega menü alt bağlantıları hover kalınlığı */
@media (min-width: 1025px) {
  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    font-weight: 600 !important;
  }
}


/* Mega menü alt bağlantıları normal/hover ağırlığı */
@media (min-width: 1025px) {
  header nav li.has-child > .wp-block-navigation__submenu-container a {
    font-weight: 400 !important;
  }
  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    font-weight: 600 !important;
  }
}


/* Üst menüde kaymasız merkezî büyüme */
@media (min-width: 1025px) {
  header nav ul.wp-block-navigation__container > li > a,
  .ust-hizli-menu a {
    display: inline-block !important;
    transform-origin: center center !important;
    transition: transform .2s ease, color .2s ease !important;
  }

  header nav ul.wp-block-navigation__container > li > a:hover {
    transform: scale(1.05) !important;
    font-weight: 400 !important;
  }

  header nav ul.wp-block-navigation__container > li > a[href*="/burotime/"]:hover {
    font-weight: 600 !important;
  }

  .ust-hizli-menu a:hover {
    transform: scale(1.05) !important;
    font-weight: 700 !important;
  }
}


/* Hover yazılarını kaydırmadan koyulaştır */
@media (min-width: 1025px) {
  header nav ul.wp-block-navigation__container > li > a:hover,
  .ust-hizli-menu a:hover,
  header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    -webkit-text-stroke: .25px currentColor;
    text-shadow: 0 0 .01px currentColor;
  }
}


/* Menü hover: antrasit renk, dengeli büyüme */
@media (min-width: 1025px) {
  body header nav ul.wp-block-navigation__container > li > a:hover,
  body .ust-hizli-menu a:hover,
  body header nav li.has-child > .wp-block-navigation__submenu-container a:hover {
    color: #242424 !important;
    -webkit-text-fill-color: #242424 !important;
    -webkit-text-stroke: .35px #242424;
    text-shadow: 0 0 .01px #242424;
  }
}


/* Proje Referanslar logo bölümü */
#gs_logo_area_47,
#gs_logo_area_47 .gs_logo_area--inner,
#gs_logo_area_47 .gs_logo_container,
#gs_logo_area_47 .swiper-wrapper {
  background-color: #242424 !important;
}

#gs_logo_area_47 {
  padding: 24px 0 !important;
}

#gs_logo_area_47 .gs_logo_single--wrapper,
#gs_logo_area_47 .gs_logo_single,
#gs_logo_area_47 .gs_logo_single--inner {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Ana sayfa ve Projeler logo bölümleri tam genişlik */
#gs_logo_area_47,
#gs_logo_area_48 {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}


/* Tam genişlikte scrollbar taşmasını önle */
#gs_logo_area_47,
#gs_logo_area_48 {
  width: 100dvw !important;
  margin-left: calc(50% - 50dvw) !important;
  margin-right: calc(50% - 50dvw) !important;
}


/* Logo alanlarında son genişlik kilidi */
@media (min-width: 783px) {
  body #gs_logo_area_47,
  body #gs_logo_area_48 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* Logo bölümlerini içerik sütunundan taşmasız çıkar */
@media (min-width: 783px) {
  body #gs_logo_area_47,
  body #gs_logo_area_48 {
    width: calc(100% + 150px) !important;
    max-width: none !important;
    margin-left: -75px !important;
    margin-right: -75px !important;
  }
}

/* YOGA SAYFASI – TÜM ÖZEL HTML BLOKLARINI TAM BOY YAP */
body .wp-site-blocks,
body main,
body .entry-content {
  overflow: visible !important;
}

body .entry-content > .wp-block-html:has(#yoga-hero),
body .entry-content > .wp-block-html:has(#oym-yoga-info),
body .entry-content > .wp-block-html:has(#yoga-pcon),
body .entry-content > .wp-block-html:has(#yoga-materials),
body .entry-content > .wp-block-html:has(#yoga-designer),
body .entry-content > .wp-block-html:has(#yoga-related),
body .entry-content > .wp-block-html:has(#yoga-offer) {
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 0 !important;
}

/* Bölümlerin kendi genişliklerini garanti et */
#yoga-hero,
#oym-yoga-info,
#yoga-pcon,
#yoga-materials,
#yoga-designer,
#yoga-related,
#yoga-offer {
  position: relative !important;
  left: auto !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  transform: none !important;
}
/* BOLD YÖNETİCİ – TÜM BÖLÜMLER TAM BOY */
body.page-id-3789 .entry-content > section {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  transform: translateX(-50%) !important;
}

/* BÜROTIME ÜRÜN LİSTESİ – SAYFALAMA */

.wp-block-query-pagination{
  justify-content:center !important;
  gap:18px !important;
  margin-top:45px !important;
}

.wp-block-query-pagination a,
.wp-block-query-pagination span{
  font-size:18px !important;
  line-height:1.2 !important;
}

.wp-block-query-pagination-numbers{
  display:flex !important;
  gap:14px !important;
  align-items:center !important;
}

/* REFERANSLAR – MASAÜSTÜ / MOBİL AYRIMI */

.gs-logo-desktop{
  display:block;
}

.gs-logo-mobile{
  display:none;
}

@media (max-width:782px){

  .gs-logo-desktop{
    display:none !important;
  }

  .gs-logo-mobile{
    display:block !important;
  }

  /* Mobil referans sliderı – ID 49 */
  #gs_logo_area_49{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:28px 0 !important;
    background:#242424 !important;
    overflow:hidden !important;
  }

  #gs_logo_area_49 .swiper,
  #gs_logo_area_49 .swiper-wrapper{
    background:#242424 !important;
  }

  #gs_logo_area_49 .swiper-wrapper{
    align-items:center !important;
  }

  #gs_logo_area_49 .swiper-slide{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }

  #gs_logo_area_49 .gs_logo_single--wrapper,
  #gs_logo_area_49 .gs_logo_single,
  #gs_logo_area_49 .gs_logo_single--inner{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #gs_logo_area_49 .gs_logo_single--wrapper{
    padding:8px !important;
  }

  #gs_logo_area_49 .gs_logo_single--inner{
    min-height:120px !important;
    padding:14px 10px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    overflow:hidden !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #gs_logo_area_49 .gs_logo_single--inner img,
  #gs_logo_area_49 img.gs-logo--img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:85% !important;
    max-height:58px !important;
    margin:0 auto 8px !important;
    object-fit:contain !important;
  }

  #gs_logo_area_49 .gs_logo_single--inner .gs-logo--name,
  #gs_logo_area_49 .gs_logo_single--inner .gs_logo_title,
  #gs_logo_area_49 .gs_logo_single--inner h3,
  #gs_logo_area_49 .gs_logo_single--inner p{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.3 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    color:#fff !important;
  }
}

/* OYM HEADER ARAMA - SON */

.oym-site-search{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
}

.oym-site-search-input{
  box-sizing:border-box !important;
  width:185px !important;
  height:34px !important;
  min-height:34px !important;

  margin:0 !important;
  padding:0 11px !important;

  border:1px solid #c9cdcb !important;
  border-radius:4px !important;

  background:#fff !important;
  color:#202020 !important;

  font-family:"OYM Brother",sans-serif !important;
  font-size:12px !important;
}

.oym-site-search-button{
  all:unset !important;

  position:relative !important;
  box-sizing:border-box !important;

  width:54px !important;
  height:34px !important;
  min-width:54px !important;

  margin:0 !important;

  border:1px solid #c9cdcb !important;
  border-radius:4px !important;

  background:#eef0ef !important;

  color:transparent !important;
  font-size:0 !important;

  cursor:pointer !important;
}

.oym-site-search-button::after{
  content:"Ara";

  position:absolute !important;
  top:50% !important;
  left:50% !important;

  margin:0 !important;
  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  color:#202020 !important;

  font-family:"OYM Brother",sans-serif !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1 !important;

  white-space:nowrap !important;
}

.oym-site-search-button:hover{
  background:#e1e4e2 !important;
  border-color:#aeb3b0 !important;
}