/**
 * EcareerBD — Responsive layer (mobile-first, min-width queries).
 *
 * Targets: 320 · 360 · 375 · 390 · 414 · 768 · 1024 · 1280 · 1440+
 *
 *   base   320–359   small phones (base styles in other files)
 *   xs     ≥360      phones (360/375/390/414)
 *   sm     ≥480      large phones
 *   md     ≥768      tablets
 *   lg     ≥1024     laptops
 *   xl     ≥1280     desktops
 *   xxl    ≥1440     large desktops
 */

/* Visibility utilities ---------------------------------------------------- */
@media (max-width: 767.98px) {
	.ecb-hide-mobile { display: none !important; }
}

/* Smallest phones (<360px) */
@media (max-width: 359.98px) {
	:root {
		--ecb-gutter: 10px;
		--ecb-card-padding: 10px;
	}

	.ecb-product-grid { gap: 8px; }
	.ecb-product-card__body { padding: 8px; }
	.ecb-product-card__title { font-size: 0.85rem; }
	.ecb-product-card__action .ecb-btn { font-size: 0.8rem; padding-inline: 4px; }
	.ecb-category-grid { gap: 6px; }
	.ecb-category-card__media { width: 26px; height: 26px; }
	.ecb-category-card__name { font-size: 0.7rem; }
	.ecb-site-title { font-size: 1.05rem; }
}

/* WordPress admin bar is static below 600px. */
@media (max-width: 600px) {
	.admin-bar.ecb-has-sticky-header .ecb-header { top: 0; }
}

/* xs ≥360 ---------------------------------------------------------------- */
@media (min-width: 360px) {
	.ecb-product-card__body { padding: 10px; }
}

/* sm ≥480 ---------------------------------------------------------------- */
@media (min-width: 480px) {
	.ecb-single-actions__secondary { grid-template-columns: 1fr 1fr; }
	.ecb-icon-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ecb-category-card__name { font-size: 0.8rem; }
}

/* md ≥768 (tablet) ------------------------------------------------------- */
@media (min-width: 768px) {
	:root {
		--ecb-gutter: 24px;
		--ecb-card-padding: 18px;
	}

	.ecb-hide-tablet-up { display: none !important; }

	.ecb-section { padding-block: calc(var(--ecb-section-spacing) * 0.75); }

	.ecb-product-grid {
		grid-template-columns: repeat(var(--ecb-grid-columns-tablet), minmax(0, 1fr));
		gap: var(--ecb-grid-gap);
	}

	.ecb-product-card__title { font-size: 0.98rem; }
	.ecb-product-card__body { padding: 12px; gap: 6px; }
	.ecb-product-card__action .ecb-btn { min-height: 42px; font-size: 0.92rem; }

	.ecb-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
	.ecb-category-card a { padding: 10px; gap: 10px; min-height: 64px; }
	.ecb-category-card__media { width: 44px; height: 44px; border-radius: 10px; }
	.ecb-category-card__name { font-size: 0.88rem; }

	.ecb-carousel { --ecb-carousel-gap: var(--ecb-grid-gap); }
	.ecb-carousel__slide { flex-basis: calc((100% - (var(--ecb-per-view) - 2) * var(--ecb-carousel-gap)) / (var(--ecb-per-view) - 1)); }
	.ecb-carousel--hero .ecb-carousel__slide { flex-basis: 100%; }
	.ecb-carousel__arrow { display: inline-flex; }

	.ecb-slide { height: calc((var(--ecb-slider-h) + var(--ecb-slider-h-mobile)) / 2); }

	.ecb-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ecb-icon-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.ecb-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ecb-footer__widgets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ecb-footer__bottom-inner { flex-direction: row; justify-content: space-between; text-align: start; }

	.ecb-modal { align-items: center; padding: var(--ecb-space-5); }
	.ecb-modal__dialog { max-width: 560px; border-radius: var(--ecb-radius-card); }

	.ecb-page-title { min-height: var(--ecb-pt-min-h); padding-block: var(--ecb-pt-pad); }
	.ecb-page-title__heading { font-size: var(--ecb-pt-size); }

	.ecb-shop-toolbar { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
	.ecb-shop-toolbar__search { grid-column: auto; }

	.ecb-cta { flex-direction: row; align-items: center; justify-content: space-between; }
	.ecb-image-text { grid-template-columns: 1fr 1fr; }
	.ecb-image-text--right .ecb-image-text__media { order: 2; }

	/* Product page: gallery | summary */
	.ecb-woo div.product {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--ecb-space-5);
		align-items: start;
	}

	.ecb-woo div.product > :not(div.images, div.summary) {
		grid-column: 1 / -1;
	}

	.ecb-woo div.product .summary { padding: var(--ecb-space-5); }

	/* Menu breakpoint option: 768. */
	.ecb-menu-bp-768 .ecb-nav { display: block; flex: 1 1 auto; }
	.ecb-menu-bp-768 .ecb-header__toggle,
	.ecb-menu-bp-768 .ecb-header__search-toggle { display: none; }
	.ecb-menu-bp-768 .ecb-header__search { display: block; }
	.ecb-menu-bp-768 .ecb-header__brand { flex: 0 0 auto; justify-content: flex-start; }
}

/* WordPress admin bar height changes at 783px. */
@media (min-width: 783px) {
	.admin-bar.ecb-has-sticky-header .ecb-header { top: 32px; }
}

/* lg ≥1024 --------------------------------------------------------------- */
@media (min-width: 1024px) {
	.ecb-section { padding-block: var(--ecb-section-spacing); }

	.ecb-header__inner { min-height: var(--ecb-header-height); gap: var(--ecb-space-4); }
	.ecb-header__brand { flex: 0 0 auto; justify-content: flex-start; }
	.ecb-header__brand .custom-logo { max-height: 48px; }
	.ecb-header__account-label { display: inline; font-size: var(--ecb-font-size-sm); font-weight: var(--ecb-font-weight-medium); }
	.ecb-header__account { padding-inline: 10px; }
	.ecb-header__cta { display: inline-flex; }
	.ecb-header__mobile-search { display: none !important; }

	.ecb-menu-bp-1024 .ecb-nav { display: block; flex: 1 1 auto; }
	.ecb-menu-bp-1024 .ecb-header__toggle,
	.ecb-menu-bp-1024 .ecb-header__search-toggle { display: none; }
	.ecb-menu-bp-1024 .ecb-header__search { display: block; }

	.ecb-nav__list { justify-content: center; }

	.ecb-product-grid { grid-template-columns: repeat(var(--ecb-grid-columns-desktop), minmax(0, 1fr)); }

	.ecb-category-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }

	.ecb-carousel__slide { flex-basis: calc((100% - (var(--ecb-per-view) - 1) * var(--ecb-carousel-gap)) / var(--ecb-per-view)); }
	.ecb-carousel__arrow--prev { inset-inline-start: -18px; }
	.ecb-carousel__arrow--next { inset-inline-end: -18px; }

	/* Hero: category sidebar + slider */
	.ecb-hero { padding-top: var(--ecb-space-5); }
	.ecb-hero__inner.has-sidebar { grid-template-columns: 270px minmax(0, 1fr); }
	.ecb-hero__sidebar { display: flex; max-height: var(--ecb-slider-h); }
	.ecb-slide { height: var(--ecb-slider-h); }
	.ecb-slide__content { padding: 32px 48px; gap: 10px; }
	.ecb-slide__btn { min-height: 46px; padding: 11px 22px; font-size: 1rem; }

	.ecb-post-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ecb-icon-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ecb-icon-items .ecb-icon-item { flex-direction: column; }

	.ecb-footer__top { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); }
	.ecb-footer__widgets { grid-template-columns: repeat(4, minmax(0, 1fr)); }

	/* Desktop: no bottom navigation / sticky bar */
	.ecb-bottom-nav,
	.ecb-sticky-order { display: none; }

	body.ecb-has-bottom-nav,
	body.ecb-has-sticky-order,
	body.ecb-has-sticky-order.ecb-has-bottom-nav { padding-bottom: 0; }

	.ecb-has-bottom-nav .ecb-notify,
	.ecb-has-sticky-order .ecb-notify,
	.ecb-has-sticky-order.ecb-has-bottom-nav .ecb-notify { bottom: 24px; }

	.ecb-back-to-top:not([hidden]) { display: inline-flex; }

	.ecb-single-actions__secondary { grid-template-columns: 1fr 1fr; }
}

/* xl ≥1280 --------------------------------------------------------------- */
@media (min-width: 1280px) {
	.ecb-search__input { min-width: 300px; }
}

/* xxl ≥1440 -------------------------------------------------------------- */
@media (min-width: 1440px) {
	:root { --ecb-gutter: 32px; }
}