/* products.dropdown.override.css
   Load AFTER products.dropdown.css
   Scope: PRICING + CORP pages
   Purpose: 6 kare kart, ikon absolute, yazı çakışmasız (2 satır clamp)
*/

/* scope */
body.page-pricing,
body[data-skin="corp"],
body.page-help[data-skin="corp"]{
  --pd-gap: 12px;
  --pd-radius: 22px;
  --pd-pad: 14px;
  --pd-card: 150px;
  --pd-ico: 36px;
  --pd-ico-top: 14px;
  --pd-ico-left: 14px;
  --pd-text-top: 54px; /* ico(36) + boşluk */
}

/* grid 6 kart tek sıra */
body.page-pricing .dropdown--products .products-menu,
body[data-skin="corp"] .dropdown--products .products-menu{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(140px, 1fr)) !important;
  gap: var(--pd-gap) !important;
  padding: 12px !important;
  align-items: stretch !important;
}

@media (max-width: 980px){
  body.page-pricing .dropdown--products .products-menu,
  body[data-skin="corp"] .dropdown--products .products-menu{
    grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  }
}
@media (max-width: 640px){
  body.page-pricing .dropdown--products .products-menu,
  body[data-skin="corp"] .dropdown--products .products-menu{
    grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
  }
}

/* kart: KARE + relative */
body.page-pricing .dropdown--products .products-menu > a.product-card,
body[data-skin="corp"] .dropdown--products .products-menu > a.product-card{
  aspect-ratio: 1 / 1 !important;
  min-height: var(--pd-card) !important;
  height: auto !important;

  position: relative !important;
  padding: var(--pd-pad) !important;
  border-radius: var(--pd-radius) !important;
  overflow: hidden !important;

  display: block !important; /* base flex'i devre dışı bırak */
  transform: translateY(0) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body.page-pricing .dropdown--products .products-menu > a.product-card:hover,
body[data-skin="corp"] .dropdown--products .products-menu > a.product-card:hover{
  transform: translateY(-2px) !important;
}

/* ikon: absolute sabit */
body.page-pricing .dropdown--products .products-menu > a.product-card .pc-ico,
body[data-skin="corp"] .dropdown--products .products-menu > a.product-card .pc-ico{
  position: absolute !important;
  top: var(--pd-ico-top) !important;
  left: var(--pd-ico-left) !important;

  width: var(--pd-ico) !important;
  height: var(--pd-ico) !important;
  border-radius: 12px !important;

  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* yazı: ikonun altına kesin indir (çakışma biter) */
body.page-pricing .dropdown--products .products-menu > a.product-card .pc-txt,
body[data-skin="corp"] .dropdown--products .products-menu > a.product-card .pc-txt{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;

  padding-top: var(--pd-text-top) !important;
  min-width: 0 !important;
}

/* title: 2 satır */
body.page-pricing .dropdown--products .products-menu > a.product-card .pc-title,
body[data-skin="corp"] .dropdown--products .products-menu > a.product-card .pc-title{
  font-size: 16px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.2px !important;
  margin: 0 0 4px 0 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

/* sub: 2 satır */
body.page-pricing .dropdown--products .products-menu > a.product-card .pc-sub,
body[data-skin="corp"] .dropdown--products .products-menu > a.product-card .pc-sub{
  font-size: 13px !important;
  line-height: 1.32 !important;
  opacity: .78 !important;
  margin: 0 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
/* ===== INDEX + STUDIO: dropdown container genişliğine kilitlenmesin ===== */
body:not(.page-pricing) .aivo-topbar .dropdown--products{
  position: fixed !important;
  left: 50% !important;
  top: 86px !important;          /* gerekirse 76-96 arası ayarla */
  transform: translateX(-50%) !important;

  width: min(1220px, calc(100vw - 56px)) !important;
  max-width: none !important;

  z-index: 9999 !important;
  overflow: visible !important;
}

/* Menü içi 6 kart tek sıra */
body:not(.page-pricing) .dropdown--products .products-menu{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(140px, 1fr)) !important;
  gap: 12px !important;
}
/* PRODUCTS DROPDOWN — PANEL WIDTH FIX (Index + Studio) */
.dropdown.dropdown--products{
  width: min(980px, calc(100vw - 48px));
  max-width: 980px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  overflow: hidden;
  box-sizing: border-box;
}
/* SADECE INDEX + STUDIO — products dropdown sağ boş şerit FIX */
body[data-page="index"] .dropdown.dropdown--products .products-grid,
body[data-page="studio"] .dropdown.dropdown--products .products-grid,
body.home .dropdown.dropdown--products .products-grid,
body.studio .dropdown.dropdown--products .products-grid{
  width: 100%;
  max-width: 100%;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
}

/* AIVO — PRODUCTS DROPDOWN: fill panel (Index + Studio only) */
/* Kurumsal ve Pricing dışındaki sayfalarda uygula */
body:not(.page-kurumsal):not(.page-pricing) #navProducts .dropdown.dropdown--products .products-menu{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

body:not(.page-kurumsal):not(.page-pricing) #navProducts .dropdown.dropdown--products .products-menu > *{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}