/* ELDA Product Category Cards component CSS - extracted from snippets/frontend/product-category-cards.php */
/* Dynamic desktop/mobile columns are controlled by --elda-cc-desk-cols and --elda-cc-mob-cols. */

/* Description & Breadcrumbs Layout */
.elda-category-desc{margin:0 0 10px 0!important;font-size:13px;color:var(--elda-color-text)}
.elda-category-desc__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 4px 0}
.elda-category-desc__top-inner{display:flex;align-items:center;gap:16px;min-width:0;flex:1}
.elda-category-desc__header{display:flex;align-items:center;gap:6px;min-width:0;flex:1;flex-wrap:nowrap}
.elda-category-desc__title{margin:0!important;font-size:26px;font-weight:600;color:var(--elda-color-heading);line-height:1.3;white-space:normal;overflow:visible;text-overflow:unset}
.elda-category-desc__teaser{margin:0 0 6px 0;line-height:1.5}
.elda-category-desc__toggle{padding:0 0 4px 0;margin:0 0 0 4px;background:0 0;font:inherit;font-size:12px;font-weight:500;color:var(--elda-green-dark);text-decoration:underline;cursor:pointer;border:none;min-height:0!important;text-transform:lowercase}
.elda-category-desc__toggle:hover{background:none}
.elda-category-desc__panel[hidden]{display:none!important}
.elda-category-desc.is-expanded .elda-category-desc__teaser{display:none!important}

/* Info icon: DEFAULT ON (mobile-first) */
.elda-category-desc__info{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--elda-radius-pill);border:1px solid var(--elda-green-dark);color:var(--elda-green-dark);text-align:center;line-height:18px;text-decoration:none;cursor:pointer;background:var(--elda-color-surface);padding:0!important;min-height:0;text-transform:lowercase;font-size:11px;font-weight:600;flex-shrink:0}
.elda-category-desc__info:hover,.elda-category-desc__info:focus-visible{background-color:var(--elda-primary-soft);outline:0}
/* Hide on desktop (only show on mobile) */
@media(min-width:768px){.elda-category-desc__info{display:none!important}}

/* Breadcrumbs */
.elda-breadcrumbs{font-size:11px;color:var(--elda-color-muted);position:relative;flex:0 0 auto}
.elda-breadcrumbs__list{display:flex;flex-wrap:wrap;gap:4px;margin:0!important;padding:0!important;list-style:none!important;list-style-type:none!important;text-indent:0!important;align-items:center}
.elda-breadcrumbs__item{display:inline-flex;align-items:center;margin:0!important;padding:0!important}
.elda-breadcrumbs__item::before,.elda-breadcrumbs__item::after{content:none!important}
.elda-breadcrumbs__item+.elda-breadcrumbs__item::before{content:"\203A"!important;margin:0 2px;color:var(--elda-color-muted);display:inline-block}
.elda-breadcrumbs__link{color:var(--elda-color-muted);text-decoration:none}
.elda-breadcrumbs__link:hover,.elda-breadcrumbs__link:focus-visible{color:var(--elda-color-muted);text-decoration:underline}
.elda-breadcrumbs__current{color:var(--elda-color-heading);font-weight:500}

/* Multi crumbs dropdown */
.elda-bc-multi{position:relative;margin-left:4px;display:inline-flex;align-items:center}
.elda-bc-multi__toggle{border:1px solid var(--elda-color-border-strong);border-radius:var(--elda-radius-xs);color:var(--elda-color-muted);line-height:1;cursor:pointer;transition:all .15s;min-height:0;background:none;padding:0 3px 3px 3px;font-size:14px;touch-action:manipulation}
.elda-bc-multi__toggle:hover{background:#e5e7eb;color:var(--elda-color-heading)}
.elda-bc-multi__dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--elda-color-surface);border:1px solid var(--elda-color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border-radius:var(--elda-radius-xs);min-width:180px;z-index:50;display:none;padding:4px 0}
.elda-bc-multi__dropdown.is-open{display:block;animation:elda-fade-in .15s ease-out}
.elda-bc-multi__label{display:block;padding:4px 12px;font-size:10px;font-weight:600;color:var(--elda-color-muted);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--elda-color-border);margin-bottom:2px}
.elda-bc-multi__link{display:block;padding:4px 12px;font-size:12px;color:var(--elda-color-text);text-decoration:none;white-space:nowrap}
.elda-bc-multi__link:hover{background:var(--elda-color-soft);color:var(--elda-color-heading)}
.elda-bc-overlay{position:fixed;inset:0;background:rgba(17,24,39,.25);backdrop-filter:saturate(180%) blur(2px);display:none;z-index:40}
.elda-bc-overlay.is-open{display:block}
@media(min-width:768px){.elda-bc-overlay{display:none!important}}
@keyframes elda-fade-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}

/* Brand badge (desktop) */
.elda-category-desc__brand-logo-wrapper{margin-left:auto;flex:0 0 auto}
.elda-cc-brand-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:1px solid var(--elda-color-border);border-radius:var(--elda-radius-sm);text-decoration:none!important;background:var(--elda-color-surface);transition:all .2s ease;min-width:90px;max-width:110px}
.elda-cc-brand-link.is-current{cursor:default}
.elda-cc-brand-logo{width:100%;height:35px;display:flex;align-items:center;justify-content:center}
.elda-cc-brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.elda-cc-brand-name-text{font-size:10px;font-weight:700;color:var(--elda-color-muted)!important;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.elda-cc-brand-fallback{color:var(--elda-color-muted)}

/* Category cards grid */
.elda-category-cards{display:grid;gap:10px;margin:0 0 12px 0;grid-template-columns:repeat(var(--elda-cc-mob-cols,2),minmax(0,1fr))}
@media(min-width:768px){.elda-category-cards{gap:8px;grid-template-columns:repeat(var(--elda-cc-desk-cols,5),minmax(0,1fr))}.elda-category-cards__toggle{display:none!important}}

/* Card item */
.elda-category-cards__item{position:relative;display:flex;align-items:center;gap:6px;padding:4px;border-radius:var(--elda-radius-xs);border:1px solid var(--elda-color-border-strong);background-color:var(--elda-color-surface);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.elda-category-cards__item:hover{border-color:var(--elda-color-border-strong);box-shadow:0 4px 8px rgba(15,23,42,.08)}
.elda-category-cards__image-wrapper{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.elda-category-cards__image-wrapper img{display:block;max-width:100%;max-height:100%}
.elda-category-cards__name{font-size:12px;font-weight:500;color:var(--elda-color-heading);line-height:1.35;word-break:break-word}

/* View more toggle */
.elda-category-cards__toggle{display:inline-flex;align-items:center;gap:8px;margin:6px 0;padding:6px 16px;border-radius:var(--elda-radius-pill);border:1px solid var(--elda-status-success);background:var(--elda-primary-soft);cursor:pointer;font-size:12px;font-weight:600;color:var(--elda-green-dark);transition:all .18s}
.elda-category-cards__toggle:hover{background:var(--elda-primary-soft);border-color:var(--elda-primary);transform:translateY(-1px)}
.elda-category-cards__toggle-icon{width:20px;height:20px;border-radius:var(--elda-radius-pill);background:var(--elda-status-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
@media(max-width:767.98px){.elda-category-cards[data-collapsed="1"] .elda-x-m{display:none}}
.elda-category-cards--expanded .elda-x-m{animation:elda-fade .22s ease-out}
@keyframes elda-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Mobile */
@media(max-width:767.98px){
.elda-category-desc{position:relative}
.elda-category-desc__top{flex-direction:column;align-items:flex-start;gap:4px}
.elda-category-desc__top .elda-breadcrumbs{order:-1;margin-bottom:4px}
.elda-breadcrumbs{max-width:100%;overflow:visible}
.elda-breadcrumbs__list{flex-wrap:nowrap;white-space:nowrap;padding:0 0 8px 0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
.elda-category-desc__teaser{display:none}
.elda-bc-multi__toggle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:18px;border-radius:var(--elda-radius-sm)}
.elda-bc-multi__dropdown{position:fixed;top:auto;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));margin:0;min-width:0;max-height:60vh;overflow:auto;border-radius:var(--elda-radius-sm);box-shadow:0 10px 25px rgba(0,0,0,.18);padding:8px 0;z-index:50}
.elda-bc-multi__label{padding:8px 14px;font-size:11px}
.elda-bc-multi__link{padding:10px 14px;font-size:14px;white-space:normal}
/* Brand badge: absolutely positioned top-right */
.elda-category-desc__brand-logo-wrapper{position:absolute;top:-4px;right:0;z-index:5}
.elda-cc-brand-link{border:0;padding:0;background:transparent;min-width:auto;max-width:80px;box-shadow:none}
.elda-cc-brand-logo{height:40px;justify-content:flex-end}
.elda-cc-brand-logo img{object-fit:contain;object-position:right center}
.elda-cc-brand-name-text{display:none}
/* Title row: reserve right space only when brand badge actually exists */
.elda-category-desc__top-inner{width:100%;padding-right:0;box-sizing:border-box}
.elda-category-desc__top--brand .elda-category-desc__top-inner{padding-right:85px}

/* Header: keep title and info icon stable on mobile */
.elda-category-desc__header{display:flex!important;align-items:flex-start;gap:8px;min-width:0;flex-wrap:nowrap;line-height:1.3}
.elda-category-desc__title{display:block!important;flex:1 1 auto;min-width:0;word-break:break-word}

/* Info icon: no relative offset, no inline-flow wrapping issues */
.elda-category-desc__info{display:inline-flex!important;flex:0 0 auto;align-self:flex-start;margin:4px 0 0 0;position:static!important;top:auto!important;vertical-align:top}
}