/*
Theme Name: DIAZ Child
Template: astra
Author: DIAZ Jewellery
Version: 1.0
*/

/*************************************************
 * DIAZ CUSTOM CSS – Submenu + Feature Row + Astra Cleanup
 *************************************************/

/* ==========================================================
   SUBMENU – Kutu + Renkler
   ========================================================== */

/* Submenu kutu */
.main-header-menu .sub-menu,
.ast-header-break-point .main-header-menu .sub-menu{
  background:#ffffff !important;
  border-radius:10px !important;
  box-shadow:0 12px 35px rgba(0,0,0,0.18) !important;
  padding:10px 0 !important;
  z-index:999999 !important;
}

/* Submenu link rengi */
.main-header-menu .sub-menu a{
  background:transparent !important;
  color:#000000 !important;
}

/* Hover */
.main-header-menu .sub-menu a:hover{
  background:#f1f1f1 !important;
  color:#000000 !important;
}

/* ==========================================================
   SUBMENU – Desktop Layout + İkonlar
   ========================================================== */

@media (min-width: 921px){

  /* Parent referans */
  .main-header-menu li.menu-item-has-children{
    position:relative !important;
  }

  /* Submenu konum */
  .main-header-menu li.menu-item-has-children > .sub-menu{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    min-width:280px !important;
  }

  /* Link layout (ikon boşluğu + stabil) */
  .main-header-menu .sub-menu li a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    padding:10px 16px 10px 80px !important;
    min-height:60px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  /* Overflow kesmesin */
  .main-header-menu,
  .main-header-bar,
  .ast-primary-header-bar{
    overflow:visible !important;
  }
}

/* Mobilde Astra kendi sistemini kullansın */
@media (max-width: 920px){
  .ast-header-break-point .main-header-menu .sub-menu{
    position:static !important;
    box-shadow:none !important;
    background:transparent !important;
    padding:0 !important;
  }
}


/* ==========================================================
   NUCLEAR FIX – Dropdown'ı zorla çalıştır (DESKTOP)
   Plugin/optimizer override etse bile görünürlük çözümü
   ========================================================== */
@media (min-width: 921px){

  .main-header-menu li.menu-item-has-children { position: relative !important; }

  .main-header-menu li.menu-item-has-children > .sub-menu{
    /* zaten absolute veriyoruz ama tekrar garanti */
    position:absolute !important;
    top:100% !important;
    left:0 !important;

    /* zorla gizle/göster */
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    transform: translateY(8px) !important;
    pointer-events:none !important;

    z-index:9999999 !important;
  }

  .main-header-menu li.menu-item-has-children:hover > .sub-menu{
    visibility:visible !important;
    opacity:1 !important;
    transform: translateY(0) !important;
    pointer-events:auto !important;
  }
}

/* ==========================================================
   ASTRA HEADER ÇİZGİ KALDIR
   ========================================================== */

.main-header-bar,
.ast-above-header,
.ast-below-header,
.ast-above-header-bar,
.ast-below-header-bar{
  border-bottom:none !important;
  box-shadow:none !important;
}

.main-header-bar::before,
.main-header-bar::after,
.ast-below-header::before,
.ast-below-header::after{
  display:none !important;
  height:0 !important;
}

/* ==========================================================
   DIAZ – FEATURES ROW Tasarım
   ========================================================== */

.diaz-feature-row{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:40px;
  max-width:1200px;
  margin:0 auto;
  padding:20px 40px;
  box-sizing:border-box;
}

.diaz-feature{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
}

.diaz-feature-icon svg{
  width:40px;
  height:40px;
  display:block;
}

.diaz-feature-text{
  font-size:14px;
  line-height:1.2;
}

/* Tablet */
@media (max-width: 1024px){
  .diaz-feature-row{
    flex-wrap:wrap;
    gap:25px 15px;
    padding:15px 20px;
  }
  .diaz-feature{
    flex:0 0 33.33%;
    max-width:33.33%;
  }
  .diaz-feature-icon svg{
    width:34px;
    height:34px;
  }
  .diaz-feature-text{
    font-size:13px;
  }
}

/* Mobile */
@media (max-width: 600px){
  .diaz-feature-row{
    gap:20px 10px;
  }
  .diaz-feature{
    flex:0 0 33.33%;
    max-width:33.33%;
  }
  .diaz-feature-icon svg{
    width:30px;
    height:30px;
  }
  .diaz-feature-text{
    font-size:12px;
  }
}

/* Büyük Desktop */
@media (min-width: 1025px){
  .diaz-feature-row{
    gap:60px;
    padding:25px 60px;
  }
  .diaz-feature-icon svg{
    width:52px;
    height:52px;
  }
  .diaz-feature-text{
    font-size:15px;
  }
}
/* Alt menüdeki tüm ikon/fotoğrafları kapat */
.icon-baget-bileklik > a::before,
.icon-suyolu-bileklik > a::before,
.icon-baget-kolye > a::before,
.icon-harf-kolye > a::before,
.icon-tektas-kolye > a::before,
.icon-baget-kupe > a::before,
.icon-halka-kupe > a::before,
.icon-tektas-kupe > a::before,
.icon-bestas-yuzuk > a::before,
.icon-tamtur-yuzuk > a::before,
.icon-tektas-yuzuk > a::before,
.icon-yarimtur-yuzuk > a::before {
  display: none !important;
  content: none !important;
  background: none !important;
}
/* İkon kaldırıldıktan sonra alt menü linklerini düzelt */
.main-header-menu .sub-menu a {
  padding-left: 20px !important;
}
/* SUBMENU içindeki tüm pseudo icon/fotolari tamamen kapat */
.main-header-menu .sub-menu li > a::before,
.main-header-menu .sub-menu li > a::after,
.main-header-menu .sub-menu li::before,
.main-header-menu .sub-menu li::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  position: static !important;
  box-shadow: none !important;
}

/* Linkleri sola düzgün yasla */
@media (min-width: 921px){
  .main-header-menu .sub-menu li a{
    padding: 12px 20px !important;
    min-height: auto !important;
  }
}