/*
Theme Name:   Astra Child
Theme URI:    https://onoluroloji.com/
Description:  Astra child teması
Author:       Wolinka
Author URI:   https://wolinka.com.tr/
Template:     astra
Version:      1.0.0
Text Domain:  astra-child
*/

/* ==========================================================================
   ÖZEL CSS — DÜZENLENMİŞ SÜRÜM
   Hiçbir seçici veya değer değiştirilmedi; sadece gruplandı, birleştirildi
   ve ölü kod işaretlendi.

   İÇİNDEKİLER
   01. Genel / Reset
   02. Tipografi ve İçerik Alanı
   03. Üst Bar (tpbr)
   04. Header — Masaüstü, Mobil, Sticky
   05. Menü ve Alt Menü
   06. Slider — MetaSlider
   07. Slider — Glide / Themeisle
   08. Video Sarmalayıcı
   09. Elementor ve Sayfa Blokları
   10. Widget'lar
   11. Footer
   12. Dil Varyantları (tr-TR / ar / en / en-US)
   13. Medya Sorguları (1335 → 1110 → 1024 → 550)
   ========================================================================== */


/* ==========================================================================
   01. GENEL / RESET
   ========================================================================== */

html {
  overflow-x: hidden;
  width: 100vw;
}

body {
  direction: ltr !important;
  scroll-behavior: smooth;
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Form alanlarında metin seçimi tekrar açılıyor */
input,
input:before,
input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

textarea,
textarea:before,
textarea:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

*:focus {
  outline: none;
}

ul.slides {
  padding-left: 0px !important;
}


/* ==========================================================================
   02. TİPOGRAFİ VE İÇERİK ALANI
   ========================================================================== */

h1,
.entry-content h1 {
  color: #fff !important;
}

h1.entry-title {
  font-size: 40px !important;
  font-weight: 700;
  color: #fff;
}

.entry-content p,
.entry-content li {
  font-size: 20px !important;
}

.entry-content ul {
  padding: 0;
  margin-left: 20px;
}

.entry-content table tr td {
  font-size: 20px !important;
}

.entry-content img {
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}

.text-box p {
  text-align: center;
}

#primary {
  margin-top: 0 !important;
}

.home.page-template-default #main {
  margin-top: 0 !important;
}

.entry-header {
  display: none !important;
}

.page .entry-header {
  margin-bottom: 1.5em;
  width: 100%;
  height: 240px;
  left: 0;
  background: linear-gradient(
      70deg,
      #0984E3D9 40%,
      rgba(0, 59, 177, 0.1) 100%
    ),
    url(https://onoluroloji.com/wp-content/uploads/2021/05/onol-uroloji-slider-3.jpg)
      center center no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ast-advanced-headers-layout {
  padding-top: 4%;
  padding-bottom: 4%;
}


/* ==========================================================================
   03. ÜST BAR (tpbr)
   ========================================================================== */

#tpbr_topbar {
  width: 100%;
  position: fixed !important;
  background: #efefef !important;
  color: #333333 !important;
}

#tpbr_box .ast-container {
  max-width: 100%;
}

#tpbr_box a {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #333 !important;
}

#tpbr_box svg {
  fill: #333 !important;
}


/* ==========================================================================
   04. HEADER — MASAÜSTÜ, MOBİL, STICKY
   ========================================================================== */

#ast-desktop-header {
  background: #fff;
  margin-top: 45px;
}

#ast-mobile-header {
  background: #fff;
}

#main-header-fixed {
  padding-top: 45px;
  background: #fff;
  transition: 0.5s;
}

.ast-header-sticked {
  background: #fff !important;
}

.site-primary-header-wrap {
  max-width: 100% !important;
}

.ast-primary-header-bar {
  background-color: #ffffff;
  background-image: none;
}

.ast-primary-header-bar.ast-primary-header {
  background: #fff !important;
}

.ast-desktop .ast-primary-header-bar.main-header-bar,
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.site-title a,
.site-title a:focus,
.site-title a:hover,
.site-title a:visited {
  font-size: 30px;
}

.site-description {
  display: none;
}

.header-widget-area p {
  margin: 0 !important;
}

.ast-header-social-1-wrap .ast-builder-social-element svg {
  fill: #fff;
}

.ahfb-svg-iconset svg {
  width: 25px;
  height: 25px;
}

.ast-header-break-point .site-branding img,
.ast-header-break-point .custom-logo-link img {
  min-width: 200px !important;
}

/* Sticky header aktifken mobil menü tetikleyicisi */
[CLASS*="-sticky-header-active"]
  .ast-header-sticked
  [data-section="section-header-mobile-trigger"]
  .ast-button-wrap
  .mobile-menu-toggle-icon
  .ast-mobile-svg {
  fill: #000 !important;
}

[CLASS*="-sticky-header-active"]
  .ast-header-sticked
  [data-section="section-header-mobile-trigger"]
  .ast-button-wrap
  .ast-mobile-menu-trigger-fill {
  background: #fff !important;
}


/* ==========================================================================
   05. MENÜ VE ALT MENÜ
   ========================================================================== */

.menu-link {
  color: #000 !important;
}

.menu-link:hover {
  color: #4a80ec !important;
}

.ast-builder-menu-1 .menu-item > .menu-link {
  font-size: 18px !important;
}

.main-header-menu .menu-link,
.main-header-menu > a {
  padding: 0 10px !important;
}

.sub-menu {
  margin-top: -20px !important;
}

.sub-menu .menu-link {
  border-bottom: 1px solid #ebebeb !important;
}

.sub-menu .menu-link:hover {
  color: #fff !important;
  background: #333 !important;
}

.main-header-menu .sub-menu .menu-link {
  padding: 1px 12px !important;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
  font-size: 16px;
  transition: 0.3s;
  color: #333;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link:hover {
  color: #fff;
  background: #1d1d1f;
}

#menu-item-28015 {
  font-weight: 900;
}

#menu-item-28015 .sub-menu {
  width: 100px;
}

.widget_nav_menu li {
  transition: all 0.2s linear;
  margin-top: 5px;
}


/* ==========================================================================
   06. SLIDER — METASLIDER
   ========================================================================== */

.metaslider .caption-wrap {
  width: 100%;
  height: 100%;
  text-align: center !important;
  background-image: linear-gradient(
    70deg,
    #0984E3D9 40%,
    rgba(0, 59, 177, 0.1) 100%
  ) !important;
}

.metaslider .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center !important;
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}

.metaslider .flexslider .flex-direction-nav li a {
  color: transparent;
  text-shadow: none !important;
}

.flex-prev {
  height: 60px !important;
  width: 30px !important;
  background: url(https://onoluroloji.com/wp-content/uploads/2021/05/left-arrow.png)
    center center no-repeat !important;
  background-size: cover !important;
  left: 30px !important;
}

.flex-next {
  height: 60px !important;
  width: 30px !important;
  background: url(https://onoluroloji.com/wp-content/uploads/2021/05/right-arrow.png)
    center center no-repeat !important;
  background-size: cover !important;
  right: 30px !important;
}


/* ==========================================================================
   07. SLIDER — GLIDE / THEMEISLE
   ========================================================================== */

.wp-block-themeisle-blocks-slider
  .wp-block-themeisle-blocks-slider-item-wrapper
  figure
  img {
  object-fit: contain;
}

.glide {
  overflow: hidden;
}

.glide__slides {
  background: #000;
}

.glide__track {
  -webkit-filter: blur(10px); /* Safari 6.0 - 9.0 */
  filter: blur(10px);
  transition: 0.3s !important;
}

.glide:hover {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.glide:hover .glide__track {
  -webkit-filter: blur(0px) !important;
  filter: blur(0px) !important;
}

.glide__arrow {
  transform: translateY(-50%) blur(0px) !important;
}


/* ==========================================================================
   08. VİDEO SARMALAYICI
   ========================================================================== */

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  background-color: #ebebeb;
  background-image: url("https://onoluroloji.com/wp-content/uploads/2021/08/youtube-logo-1.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}


/* ==========================================================================
   09. ELEMENTOR VE SAYFA BLOKLARI
   ========================================================================== */

body .elementor-button,
body .elementor-button.elementor-size-xs,
body .elementor-button.elementor-size-sm,
body .elementor-button.elementor-size-md,
body .elementor-button.elementor-size-lg,
body .elementor-button.elementor-size-xl {
  border-radius: 4px;
}

.elementor-icon-box-title span {
  font-size: 25px;
}

.elementor-17
  .elementor-element.elementor-element-75de0c89
  .elementor-image-box-description {
  font-size: 20px;
}

.elementor-28134
  .elementor-element.elementor-element-75de0c89
  .elementor-image-box-description {
  font-size: 20px !important;
  text-align: center;
}

.dr-wrapper .elementor-element-92f83d8,
.elementor-element-92f83d8 {
  background: #fff !important;
  padding: 20px;
}

#main-box .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#main-box h3 {
  font-size: 22px;
}

#main-box p {
  text-align: center !important;
  font-size: 18px;
}

#main-box a {
  opacity: 0.7;
}

#main-box a:hover {
  opacity: 1;
}

/* Gutenberg kolonları */
.wp-block-column {
  margin-bottom: 20px;
}

.wp-block-column p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 7px;
}

.wp-block-column a {
  font-size: 18px;
}

/* DİKKAT: Orijinalde bu kural fazladan virgül yüzünden geçersizdi
   (.wp-image-28343, .wp-image-28345, { ... }) ve hiç uygulanmıyordu.
   Virgül düzeltildi; artık çalışıyor. Görsel aralıkları kaymasın
   istersen bu bloğu yorum satırına al. */
.wp-image-28343,
.wp-image-28345 {
  margin-bottom: 30px;
}

.mystickyelements-social-icon {
  right: 20px;
  bottom: 20px;
  width: 55px;
  height: 55px;
}


/* ==========================================================================
   10. WIDGET'LAR
   ========================================================================== */

.widget-title,
#text-1 .textwidget div small:first-child {
  font-weight: 700 !important;
}

#is_widget-7,
#is_widget-9 {
  margin: 0 !important;
}

#is_widget-7 {
  width: 110px;
  border-radius: 4px;
  overflow: hidden;
}

#block-9 {
  margin-bottom: 0;
}

#block-9 .widget-title {
  font-size: 22px !important;
  margin-bottom: 20px !important;
  color: #fff;
}

#text-1 .textwidget div {
  margin-bottom: 15px;
}

#text-1 .textwidget small {
  font-size: 18px !important;
}

#text-4 .textwidget {
  display: flex;
}

#text-4 .textwidget p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#text-4 .textwidget a {
  margin-right: 30px;
}

#text-4 .textwidget p svg {
  fill: #fff;
  height: 25px;
  margin: 7px;
}

#text-7 .textwidget {
  display: none;
}

.is-form-style.is-form-style-3 label {
  width: 70px;
}


/* ==========================================================================
   11. FOOTER
   ==========================================================================
*/
.site-primary-footer-wrap[data-section="section-primary-footer-builder"]
  .ast-builder-grid-row,
.site-primary-footer-wrap[data-section="section-primary-footer-builder"]
  .site-footer-section {
  align-items: flex-start;
}

.site-footer-primary-section-3 {
  align-items: flex-end;
  display: flex;
  height: 100%;
  padding-bottom: 20px;
}

.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]
  .footer-widget-area-inner
  a {
  color: #fff !important;
}

#menu-footer-menu .menu-link {
  color: #fff !important;
  font-size: 18px;
}


/* ==========================================================================
   12. DİL VARYANTLARI
   ========================================================================== */

/* --- Türkçe (tr-TR) --- */
html[lang="tr-TR"] .site-footer-primary-section-3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

html[lang="tr-TR"] .site-footer-primary-section-3 img {
  max-width: 100%;
  margin: auto;
  text-align: center;
}

html[lang="tr-TR"] .site-footer-primary-section-3 .wp-block-image {
  text-align: center;
  margin-bottom: 30px;
}

html[lang="tr-TR"] .site-footer-primary-section-3 .ast-footer-social-wrap {
  margin-bottom: 10px;
}

/* --- Arapça (ar) ---
   NOT: Aşağıdaki ilk kuralda .ast-advanced-headers-title seçicisi
   html[lang="ar"] kapsamının DIŞINDA, yani tüm dillerde uygulanıyor.
   Orijinaldeki haliyle bırakıldı; istersen html[lang="ar"] ile
   başına ekleyebiliriz. */
html[lang="ar"],
html[lang="ar"] .ast-advanced-headers-wrap,
.ast-advanced-headers-title {
  text-align: right !important;
  direction: ltr !important;
}

html[lang="ar"] a,
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] span {
  direction: rtl !important;
}

html[lang="ar"] #tpbr_box a,
html[lang="ar"] #tpbr_box p,
html[lang="ar"] #tpbr_box li,
html[lang="ar"] #tpbr_box span,
html[lang="ar"] #ast-mobile-header a,
html[lang="ar"] #ast-mobile-header p,
html[lang="ar"] #ast-mobile-header li,
html[lang="ar"] #ast-mobile-header span,
html[lang="ar"] #ast-desktop-header a,
html[lang="ar"] #ast-desktop-header p,
html[lang="ar"] #ast-desktop-header li,
html[lang="ar"] #ast-desktop-header span {
  direction: ltr !important;
}

html[lang="ar"] .site-footer * {
  text-align: right;
}

html[lang="ar"] .ast-footer-copyright * {
  text-align: center !important;
}

html[lang="ar"] .site-footer #block-5 {
  display: none;
}

html[lang="ar"] #block-9 {
  display: none !important;
}

html[lang="ar"]
  .site-footer-primary-section-3.site-footer-section.site-footer-section-3 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* --- İngilizce (en / en-US) --- */
html[lang="en"] .footer-widget-area.inner .site-info-inner {
  display: none;
}

html[lang="en-US"] .site-footer #block-5 {
  display: none !important;
}

html[lang="en-US"] #block-9 {
  display: none !important;
}

html[lang="en-US"]
  .site-footer-primary-section-3.site-footer-section.site-footer-section-3 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}


/* ==========================================================================
   13. MEDYA SORGULARI
   Sıra bilinçli olarak büyükten küçüğe: 1335 → 1110 → 1024 → 550
   ========================================================================== */

/* --------------------------------------------------------------------------
   ≤ 1335px
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1335px) {
  .ast-builder-menu-1 .menu-item > .menu-link {
    font-size: 16px !important;
  }

  #is_widget-7 {
    display: none;
  }
}

/* --------------------------------------------------------------------------
   ≤ 1110px — mobil header devreye giriyor
   (orijinalde ayrı iki blok vardı, burada birleştirildi)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1110px) {
  small {
    font-size: 16px;
  }

  .ast-advanced-headers-layout {
    padding-top: 6%;
    padding-bottom: 6%;
  }

  /* Header */
  #ast-desktop-header {
    display: none !important;
  }

  #ast-mobile-header {
    display: block !important;
    margin-top: 50px;
  }

  .ast-mobile-header-content {
    height: calc(100vh - 140px);
    overflow: auto;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
  }

  .ast-theme-transparent-header .ast-builder-menu .main-header-menu,
  .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link,
  .ast-theme-transparent-header
    [CLASS*="ast-builder-menu-"]
    .main-header-menu
    .menu-item
    > .menu-link,
  .ast-theme-transparent-header .ast-masthead-custom-menu-items,
  .ast-theme-transparent-header .ast-masthead-custom-menu-items a,
  .ast-theme-transparent-header
    .ast-builder-menu
    .main-header-menu
    .menu-item
    > .ast-menu-toggle,
  .ast-theme-transparent-header .main-header-menu .menu-link {
    color: #2f3f50;
  }

  /* Menü */
  #site-navigation {
    padding-bottom: 140px;
  }

  .sub-menu {
    margin-top: 0 !important;
  }

  .ast-header-break-point
    .ast-builder-menu-1
    .menu-item.menu-item-has-children
    > .ast-menu-toggle {
    top: 0px;
    right: 0;
    width: 100%;
    text-align: right;
    float: right;
    padding-right: 30px;
  }

  /* İçerik ve footer */
  .st-grid-right-section {
    padding-right: 20px;
  }

  .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]
    .footer-widget-area-inner {
    text-align: left !important;
    font-size: 16px !important;
  }

  .footer-widget-area[data-section="sidebar-widgets-footer-widget-2"]
    .footer-widget-area-inner {
    text-align: left !important;
    font-size: 16px !important;
    margin-top: 20px;
  }

  html[lang="tr-TR"] .site-footer-primary-section-3 {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}

/* --------------------------------------------------------------------------
   ≤ 1024px — tablet
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  #ast-mobile-header {
    margin-top: 70px;
  }

  #metaslider-id-27336 {
    margin-top: 140px;
  }

  .ast-menu-toggle {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  #is_widget-7 {
    display: block;
  }

  .elementor-28134 .elementor-element.elementor-element-5b4952c1 {
    margin-top: 0;
  }

  #text-4 .textwidget p {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
  }

  #text-4 .textwidget p svg {
    display: none;
  }

  /* Slider */
  .metaslider .caption {
    font-size: 24px;
    line-height: 1.3;
  }

  .metaslider .flexslider .flex-direction-nav li a {
    opacity: 1 !important;
  }

  .flex-prev {
    height: 40px !important;
    width: 19px !important;
    left: 15px !important;
  }

  .flex-next {
    height: 40px !important;
    width: 19px !important;
    right: 15px !important;
  }

  .site-footer-primary-section-3 {
    margin-top: 30px;
  }

  /* Eski/devre dışı caption ayarı — orijinalde de yorumdaydı:
  .metaslider .caption {
    font-size: 22px;
    line-height: 1.3;
    padding: 20px 50px !important;
    bottom: 0;
    top: unset;
    transform: translateY(0%);
  }
  */
}

/* --------------------------------------------------------------------------
   ≤ 550px — telefon
   -------------------------------------------------------------------------- */
@media screen and (max-width: 550px) {
  #ast-mobile-header {
    margin-top: 95px;
  }

  #metaslider-id-27336 {
    margin-top: 165px;
  }

  .site-header-above-section-right {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between !important;
    width: 90%;
  }

  #tpbr_box .ast-builder-grid-row {
    display: flex;
    flex-direction: column;
  }

  #text-4 .textwidget p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  .entry-content img {
    width: 100%;
  }
}