/* AgroMarketplace / ΑγροΑγορά — custom styles beyond Tailwind utility classes */

html {
  scroll-behavior: smooth;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

#site-header,
main,
footer {
  width: 100%;
  min-width: 0;
}

main > * {
  min-width: 0;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Toast notifications */
.toast {
  min-width: 240px;
  max-width: 320px;
  background: #2f3a22;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  animation: toast-in 0.25s ease-out;
}

.toast.toast-success {
  background: #525f29;
}

.toast.toast-error {
  background: #9f3820;
}

@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.toast.toast-out {
  animation: toast-out 0.2s ease-in forwards;
}

@keyframes toast-out {
  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}

/* Product card hover */
.product-card img {
  will-change: transform;
}

/* Scrollbar for order summary lists */
.max-h-64::-webkit-scrollbar {
  width: 5px;
}
.max-h-64::-webkit-scrollbar-thumb {
  background: #dce0b6;
  border-radius: 4px;
}


/* Mobile header: prevent horizontal overflow on logged-in phones. */
@media (max-width: 767px) {
  #site-header .max-w-7xl {
    padding-left: 0.75rem;
    padding-right: 0.5rem;
  }

  #site-header .h-16 {
    gap: 0.5rem;
  }

  #site-header .h-16 > a[href="/"] {
    gap: 0.375rem;
    min-width: 0;
  }

  #site-header .h-16 > a[href="/"] > span:last-child {
    font-size: 1rem;
    white-space: nowrap;
  }

  #site-header .h-16 > a[href="/"] > span:last-child > span {
    display: none !important;
  }

  #site-header .h-16 > div:last-child {
    gap: 0.125rem !important;
    min-width: 0;
  }

  #lang-switcher,
  #site-header a[href="/messages"],
  #site-header a[href="/favorites"] {
    display: none !important;
  }

  #site-header #cart-link,
  #site-header #user-menu-btn,
  #site-header #mobile-menu-btn {
    padding: 0.5rem;
  }
}

/* AGRO_MOBILE_QUICK_EXPLORE_20260909 */
@media (max-width: 639px) {
  .grid.grid-cols-2.md\:grid-cols-4.gap-3 {
    gap: 0.5rem !important;
  }

  .grid.grid-cols-2.md\:grid-cols-4.gap-3 > a {
    min-height: 64px !important;
    padding: 0.65rem 0.7rem !important;
    gap: 0.5rem !important;
    border-radius: 0.9rem !important;
  }

  .grid.grid-cols-2.md\:grid-cols-4.gap-3 > a > span {
    width: 2rem !important;
    height: 2rem !important;
    font-size: 0.85rem !important;
  }

  .grid.grid-cols-2.md\:grid-cols-4.gap-3 > a > div > b {
    font-size: 0.75rem !important;
    line-height: 1.05rem !important;
  }

  .grid.grid-cols-2.md\:grid-cols-4.gap-3 > a > div > span,
  .grid.grid-cols-2.md\:grid-cols-4.gap-3 > a > i:last-child {
    display: none !important;
  }
}


/* AGRO_AD_PANEL_STYLES_20260910 */
.agro-ad-shell{position:relative;overflow:hidden;border-radius:1.5rem;min-height:220px;background:linear-gradient(135deg,#7c2d12,#365314);box-shadow:0 12px 35px rgba(17,24,39,.12)}
.agro-ad-slides{position:relative;min-height:220px}.agro-ad-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease;display:block;color:#fff}.agro-ad-slide.is-active{opacity:1;visibility:visible;z-index:2}.agro-ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.agro-ad-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.12) 100%)}.agro-ad-slide.no-image .agro-ad-overlay{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.16),transparent 28%),linear-gradient(120deg,#9a3412,#be123c 48%,#3f6212)}.agro-ad-copy{position:relative;z-index:3;max-width:620px;padding:2.2rem 4rem 2.2rem 2.2rem;display:flex;flex-direction:column;align-items:flex-start}.agro-ad-brand{font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;opacity:.82}.agro-ad-copy strong{font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;margin-top:.45rem}.agro-ad-copy>span:not(.agro-ad-brand){font-size:.92rem;opacity:.9;margin-top:.65rem}.agro-ad-copy b{margin-top:1rem;background:#fff;color:#365314;border-radius:999px;padding:.6rem 1rem;font-size:.75rem}.agro-ad-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);color:#374151;font-size:1.6rem;line-height:1;box-shadow:0 4px 18px rgba(0,0,0,.18)}.agro-ad-prev{left:12px}.agro-ad-next{right:12px}.agro-ad-dots{position:absolute;z-index:5;left:50%;bottom:11px;transform:translateX(-50%);display:flex;gap:6px}.agro-ad-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5)}.agro-ad-dot.is-active{background:#fff;transform:scale(1.2)}.agro-ad-label{position:absolute;z-index:5;right:12px;top:10px;background:rgba(0,0,0,.42);color:#fff;border-radius:999px;padding:.2rem .5rem;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:639px){.agro-ad-panel{padding-top:1rem!important}.agro-ad-shell,.agro-ad-slides{min-height:185px;border-radius:1.1rem}.agro-ad-copy{padding:1.7rem 2.8rem 2rem 1.25rem;max-width:88%}.agro-ad-copy strong{font-size:1.3rem}.agro-ad-copy>span:not(.agro-ad-brand){font-size:.76rem;line-height:1.05rem}.agro-ad-copy b{font-size:.68rem;padding:.5rem .8rem}.agro-ad-nav{width:32px;height:32px;font-size:1.35rem}.agro-ad-prev{left:7px}.agro-ad-next{right:7px}}


/* LIVE_CREATOR_STOREFRONT_STYLES_20260910 */
.creator-storefront-live .creator-storefront-hero{overflow:hidden;padding-top:0!important;border-color:#fed7aa;box-shadow:0 14px 40px rgba(15,23,42,.08)}
.creator-storefront-cover{height:108px;margin:0 -1.75rem 1.5rem;padding:1.25rem 1.75rem;display:flex;align-items:flex-end;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 30%),linear-gradient(120deg,#9a3412,#c2410c 45%,#4d7c0f);color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.creator-storefront-live>h2{margin-top:2rem}.creator-storefront-live .product-card{border-color:#f3e8d7}
@media(max-width:639px){.creator-storefront-cover{height:82px;margin:0 -1.75rem 1.2rem}.creator-storefront-live .creator-storefront-hero{border-radius:1.25rem}}