/* Responsive overrides for PayaSec: header/nav/grid/footer */

/* Laptop/tablet */
@media (max-width: 1199.98px) {
  .dk-header-row { flex-wrap: wrap; gap: var(--dk-spacing-md); }
  .dk-search-box { order: 3; width: 100%; flex: 1 1 100%; max-width: 100%; margin-top: var(--dk-spacing-sm); }
  .dk-category-menu, .dk-nav-menu, .dk-location { display: none; }
  .dk-logo img { width: 104px; height: auto; }
  .dk-footer-features .row, .dk-footer-links .row { row-gap: var(--dk-spacing-lg); }
}

/* Large mobile / small tablet */
@media (max-width: 992px) {
  .dk-topbar { display: none; }
  .dk-header { top: 0; }
  .dk-feature { flex-direction: row; align-items: center; text-align: right; }
  .dk-feature img { margin-left: var(--dk-spacing-sm); }
  .dk-footer-bottom .d-flex { flex-direction: column; align-items: flex-start !important; gap: var(--dk-spacing-sm); }
  .dk-result-count { order: 3; width: 100%; text-align: right; }
}

/* Tablet */
@media (max-width: 768px) {
  .container-fluid { padding-left: var(--dk-spacing-sm); padding-right: var(--dk-spacing-sm); }
  .dk-header-row { flex-wrap: wrap; }
  .dk-header-actions { order: 2; margin-right: 0; gap: var(--dk-spacing-sm); }
  .dk-search-box { order: 3; width: 100%; flex: 1 1 100%; max-width: 100%; margin-top: var(--dk-spacing-sm); }
  .dk-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dk-subcategory-grid { grid-template-columns: repeat(2, 1fr); }
  .dk-toolbar { flex-direction: column; align-items: stretch; gap: var(--dk-spacing-sm); }
  .dk-filters { position: static; margin-bottom: var(--dk-spacing-lg); max-height: none; }
}

/* Phones */
@media (max-width: 576px) {
  .dk-header-row { align-items: flex-start; gap: var(--dk-spacing-sm); }
  .dk-logo { order: 1; }
  .dk-logo img { width: 96px; height: auto; }
  .dk-search-box { order: 2; width: 100%; flex: 1 1 100%; max-width: 100%; margin-top: var(--dk-spacing-sm); }
  .dk-header-actions { order: 3; width: 100%; justify-content: space-between; gap: var(--dk-spacing-sm); flex-wrap: wrap; }
  .dk-header-actions .dk-action-text, .dk-login-btn span { display: none; }
  .dk-login-btn i { margin: 0; }
  .dk-products-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .dk-subcategory-grid { grid-template-columns: repeat(1, 1fr); }
  .dk-category-page { padding: var(--dk-spacing-md) 0; }
  .dk-category-header, .dk-toolbar, .dk-products-grid, .dk-products-loading, .dk-empty-state { box-shadow: none; }
  .dk-footer-features .row > div, .dk-footer-links .row > div { flex: 0 0 100%; max-width: 100%; text-align: center; }
  .dk-feature { flex-direction: column; text-align: center; }
}

/* Very small phones */
@media (max-width: 425px) {
  .dk-search-input { font-size: 15px; }
  .container-fluid { padding-left: 12px; padding-right: 12px; }
  .dk-header-actions { flex-wrap: wrap; gap: var(--dk-spacing-xs); }
}

/* Toast enhancements */
.toast-container { z-index: 1080; }
.dk-toast { border-radius: 10px; overflow:hidden; }
.dk-toast .dk-toast-icon { font-size: 1.1rem; opacity: .95; }
.dk-toast .toast-progress {
  height: 3px;
  width: 100%;
  opacity: .5;
  background: rgba(255,255,255,.3);
  position: relative;
}
.dk-toast.text-bg-success .toast-progress::after { background: #a0e8af; }
.dk-toast.text-bg-danger .toast-progress::after { background: #ffb3b3; }
.dk-toast.text-bg-warning .toast-progress::after { background: #ffe8a1; }
.dk-toast.text-bg-info .toast-progress::after { background: #b3e5fc; }
.dk-toast .toast-progress::after {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 0%;
  animation: dk-toast-progress var(--dk-toast-delay, 2500ms) linear forwards;
}

@keyframes dk-toast-progress { from { width: 0%; } to { width: 100%; } }

/* Ensure cart controls stay above links on small screens too */
@media (max-width: 576px) {
  .dk-product-card a { position: relative; z-index: 1; }
  .dk-add-to-cart, .dk-quantity-floating { z-index: 2; }
}