/* =========================================================
   poems-buttons.css
   Өлеңдер бетінің жоғарғы батырмалары:
   "Барлық өлеңдер" және "Аудио өлеңдер"
   ========================================================= */

.poems-page .poem-page-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:24px;
}

.poems-page .poem-tab-btn{
  width:auto !important;
  min-width:188px !important;
  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  padding:0 28px !important;
  border-radius:999px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:11px !important;

  font-size:16px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  box-shadow:0 12px 24px rgba(0,28,58,.16) !important;
}

.poems-page .poem-tab-btn img{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  min-height:22px !important;
  max-height:22px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 22px !important;
}

.poems-page .poem-tab-btn.primary{
  background:linear-gradient(180deg,#092e5c,#001833) !important;
  color:#fff !important;
  border:1px solid #001c38 !important;
}

.poems-page .poem-tab-btn.secondary{
  background:rgba(255,253,249,.82) !important;
  color:#082442 !important;
  border:1px solid rgba(218,176,124,.74) !important;
  box-shadow:0 10px 22px rgba(52,27,5,.08) !important;
}

.poems-page .poem-tab-btn:hover{
  transform:translateY(-2px) !important;
}

/* Өлеңдер бетінің бөлім карточкаларындағы квадрат/emoji бұзылып тұрса жасырады */
.poems-page .section-head .feather{
  display:none !important;
}

.poems-page .category-card .cat-icon img{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Телефонда батырмалар толық енге түседі */
@media (max-width:560px){
  .poems-page .poem-page-actions{
    gap:12px;
  }

  .poems-page .poem-tab-btn{
    width:100% !important;
    min-width:0 !important;
  }
}