{"version":3,"file":"./style-index.css","mappings":"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","sources":["webpack://logo-carousel/./src/style.scss"],"sourcesContent":[".wp-block-wlcs-wbd-logo-carousel {\n\t/* ── KEY FIX: overflow-x clips the carousel track;\n\t       overflow-y must NOT be hidden so the fixed tooltip body node is unaffected.\n\t       (position:fixed tooltips escape any overflow:hidden anyway, but\n\t        overflow-x:hidden on this wrapper is safe.) ── */\n\toverflow-x: hidden;\n\toverflow-y: visible;\n\tpadding: 10px 0;\n\n\t// =============================================\n\t// SHARED\n\t// =============================================\n\n\timg {\n\t\tmax-height: 80px;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tobject-fit: contain;\n\t\tdisplay: block;\n\t}\n\n\ta {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\ttext-decoration: none;\n\t}\n\n\t.logo-carousel__alt-text {\n\t\tmargin-top: 10px;\n\t\tfont-size: 12px;\n\t\tcolor: #666;\n\t\ttext-align: center;\n\t\tdisplay: block;\n\t}\n\n\t// =============================================\n\t// INLINE TOOLTIP BUBBLE\n\t// (hidden — the JS fixed-position bubble is used instead)\n\t// =============================================\n\n\t.logo-tooltip {\n\t\tdisplay: none !important; // JS replaces this with position:fixed bubble\n\t}\n\n\t// =============================================\n\t// PRO LOCK OVERLAY\n\t// =============================================\n\n\t.logo-layout--pro-locked {\n\t\tposition: relative;\n\t\tfilter: blur(3px);\n\t\tpointer-events: none;\n\t\topacity: 0.6;\n\t}\n\n\t.logo-layout__pro-overlay {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\tbackground: rgba(0, 0, 0, 0.65);\n\t\tcolor: #fff;\n\t\tfont-size: 18px;\n\t\tfont-weight: 700;\n\t\tpadding: 10px 22px;\n\t\tborder-radius: 8px;\n\t\tpointer-events: all;\n\t\tcursor: pointer;\n\t\tz-index: 10;\n\t\twhite-space: nowrap;\n\t}\n\n\t// =============================================\n\t// KEYFRAMES\n\t// =============================================\n\n\t@keyframes scroll-logos-left {\n\t\t0%   { transform: translateX(0); }\n\t\t100% { transform: translateX(-50%); }\n\t}\n\n\t@keyframes scroll-logos-right {\n\t\t0%   { transform: translateX(-50%); }\n\t\t100% { transform: translateX(0); }\n\t}\n\n\t// =============================================\n\t// CAROUSEL\n\t// =============================================\n\n\t.logo-carousel {\n\t\t/* carousel track needs x clip only */\n\t\toverflow: hidden;\n\n\t\t&__track {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 40px;\n\t\t\twill-change: transform;\n\t\t}\n\n\t\t&--left .logo-carousel__track {\n\t\t\tanimation: scroll-logos-left var(--animation-duration, 30s) linear infinite;\n\t\t}\n\n\t\t&--right .logo-carousel__track {\n\t\t\tanimation: scroll-logos-right var(--animation-duration, 30s) linear infinite;\n\t\t}\n\n\t\t&:hover .logo-carousel__track {\n\t\t\tanimation-play-state: paused;\n\t\t}\n\n\t\t&__item {\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 20px;\n\t\t\ttransition: all 0.3s ease;\n\t\t}\n\n\t\t// Classic\n\t\t&--classic .logo-carousel__item {\n\t\t\tborder: 1px solid #e0e0e0;\n\t\t\tborder-radius: 8px;\n\t\t\tbackground: #ffffff;\n\t\t\tbox-shadow: 0 2px 4px rgba(0,0,0,.05);\n\t\t\timg { filter: grayscale(100%); opacity: 0.7; transition: filter .3s, opacity .3s; }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\n\t\t// Elegant\n\t\t&--elegant .logo-carousel__item {\n\t\t\tborder-radius: 16px;\n\t\t\tbackground: #ffffff;\n\t\t\tbox-shadow: 0 4px 12px rgba(0,0,0,.08);\n\t\t\tborder: 2px solid #f5f5f5;\n\t\t\tpadding: 25px;\n\t\t\timg { filter: grayscale(100%); opacity: 0.6; transition: filter .3s, opacity .3s; }\n\t\t\t&:hover { border-color: #ddd; box-shadow: 0 6px 20px rgba(0,0,0,.12); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\n\t\t// Modern (Pro)\n\t\t&--modern .logo-carousel__item {\n\t\t\ttransition: all .3s ease;\n\t\t\t&:hover { border-radius: 10px; box-shadow: 0 6px 20px rgba(0,0,0,.12); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t\t.logo-carousel__alt-text { font-size: 14px; color: #121212; }\n\t\t}\n\n\t\t// Luxury (Pro)\n\t\t&--luxury {\n\t\t\t.logo-carousel__track { gap: 20px !important; }\n\t\t\t.logo-carousel__item { padding: 10px; }\n\t\t}\n\n\t\t// Minimal (Pro)\n\t\t&--minimal .logo-carousel__item {\n\t\t\tborder-radius: 16px; background: #ffffff;\n\t\t\tbox-shadow: 0 4px 12px rgba(0,0,0,.08);\n\t\t\tborder: 1px solid #0c0b0b; padding: 25px;\n\t\t\t&:hover { border-color: #ddd; box-shadow: 0 6px 20px rgba(0,0,0,.12); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\n\t\t// Premium (Pro)\n\t\t&--premium .logo-carousel__item {\n\t\t\tborder-radius: 10% 25%; background: #ffffff;\n\t\t\tbox-shadow: 0 4px 12px rgba(0,0,0,.08); border: 1px solid #fafafa; padding: 25px;\n\t\t\t&:hover { border-color: #ddd; border-radius: 25% 10%; box-shadow: 0 6px 20px rgba(0,0,0,.12); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\n\t\t// Neon (Pro)\n\t\t&--neon {\n\t\t\tbackground: #0a0a0f; border-radius: 12px; padding: 12px 0;\n\t\t\t.logo-carousel__item {\n\t\t\t\tborder: 1px solid rgba(120,80,255,.25); border-radius: 10px; background: #12121a; padding: 22px;\n\t\t\t\timg { filter: grayscale(100%) brightness(1.4); opacity: 0.65; transition: all .35s; }\n\t\t\t\t.logo-carousel__alt-text { color: #9d8fff; }\n\t\t\t\t&:hover { border-color: #7850ff; box-shadow: 0 0 10px rgba(120,80,255,.5), 0 0 28px rgba(120,80,255,.2); }\n\t\t\t\t&:hover img { filter: grayscale(0%) brightness(1.1); opacity: 1; }\n\t\t\t}\n\t\t}\n\n\t\t// Glassmorphism (Pro)\n\t\t&--glassmorphism {\n\t\t\tbackground: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%);\n\t\t\tborder-radius: 20px; padding: 14px 0;\n\t\t\t.logo-carousel__item {\n\t\t\t\tbackground: rgba(255,255,255,.35); border: 1px solid rgba(255,255,255,.55);\n\t\t\t\tborder-radius: 16px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 24px;\n\t\t\t\timg { filter: grayscale(30%); opacity: 0.8; transition: all .3s; }\n\t\t\t\t.logo-carousel__alt-text { color: #3a3a5c; }\n\t\t\t\t&:hover { background: rgba(255,255,255,.55); border-color: rgba(255,255,255,.85); box-shadow: 0 8px 32px rgba(31,38,135,.15); }\n\t\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t\t}\n\t\t}\n\n\t\t// Pro-locked\n\t\t&--pro-locked .logo-carousel__track { filter: blur(4px); pointer-events: none; opacity: 0.7; }\n\t\t.logo-carousel__pro-overlay {\n\t\t\tposition: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n\t\t\tbackground: rgba(0,0,0,.6); color: #fff; font-size: 24px; font-weight: bold;\n\t\t\tpadding: 10px 20px; border-radius: 8px; pointer-events: none; z-index: 10;\n\t\t}\n\t}\n\n\t// =============================================\n\t// MULTI-ROW CAROUSEL (Pro)\n\t// =============================================\n\n\t.logo-multirow {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 14px;\n\t\toverflow: hidden;\n\t\tpadding: 10px 0;\n\t\tposition: relative;\n\n\t\t&__row {\n\t\t\toverflow: hidden;\n\n\t\t\t.logo-carousel__track {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 32px;\n\t\t\t\twill-change: transform;\n\t\t\t}\n\n\t\t\t&--left  .logo-carousel__track { animation: scroll-logos-left  var(--animation-duration, 30s) linear infinite; }\n\t\t\t&--right .logo-carousel__track { animation: scroll-logos-right var(--animation-duration, 30s) linear infinite; }\n\n\t\t\t.logo-carousel__item {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tpadding: 16px 20px;\n\t\t\t\tborder: 1px solid #e8e8e8;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\tbackground: #ffffff;\n\t\t\t\tbox-shadow: 0 2px 6px rgba(0,0,0,.04);\n\t\t\t\ttransition: all .3s ease;\n\t\t\t\timg { filter: grayscale(80%); opacity: 0.65; transition: filter .3s, opacity .3s; }\n\t\t\t\t&:hover { border-color: #ccc; box-shadow: 0 4px 14px rgba(0,0,0,.1); }\n\t\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t\t}\n\t\t}\n\n\t\t&:hover .logo-carousel__track { animation-play-state: paused; }\n\t}\n\n\t// =============================================\n\t// GRID\n\t// =============================================\n\n\t.logo-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(var(--grid-columns, 4), 1fr);\n\t\tgap: 16px;\n\t\tpadding: 10px 0;\n\n\t\t&__item {\n\t\t\tdisplay: flex; flex-direction: column; align-items: center; justify-content: center;\n\t\t\tpadding: 24px 16px; transition: all .3s;\n\t\t\timg { transition: all .3s; }\n\t\t}\n\n\t\t&--classic .logo-grid__item {\n\t\t\tborder: 1px solid #e0e0e0; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.05);\n\t\t\timg { filter: grayscale(100%); opacity: 0.7; }\n\t\t\t&:hover { box-shadow: 0 4px 12px rgba(0,0,0,.1); transform: translateY(-2px); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t\t&--elegant .logo-grid__item {\n\t\t\tborder-radius: 16px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.07); border: 2px solid #f5f5f5; padding: 28px;\n\t\t\timg { filter: grayscale(100%); opacity: 0.6; }\n\t\t\t&:hover { border-color: #ddd; box-shadow: 0 8px 24px rgba(0,0,0,.12); transform: translateY(-3px); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t\t&--neon {\n\t\t\tbackground: #0a0a0f; border-radius: 14px; padding: 16px; gap: 12px;\n\t\t\t.logo-grid__item {\n\t\t\t\tborder: 1px solid rgba(120,80,255,.2); border-radius: 10px; background: #12121a; padding: 22px;\n\t\t\t\timg { filter: grayscale(100%) brightness(1.4); opacity: 0.6; }\n\t\t\t\t&:hover { border-color: #7850ff; box-shadow: 0 0 10px rgba(120,80,255,.4), 0 0 24px rgba(120,80,255,.15); }\n\t\t\t\t&:hover img { filter: grayscale(0%) brightness(1.1); opacity: 1; }\n\t\t\t}\n\t\t}\n\t\t&--glassmorphism {\n\t\t\tbackground: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%); border-radius: 20px; padding: 16px; gap: 14px;\n\t\t\t.logo-grid__item {\n\t\t\t\tbackground: rgba(255,255,255,.35); border: 1px solid rgba(255,255,255,.55); border-radius: 16px;\n\t\t\t\tbackdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 24px;\n\t\t\t\timg { filter: grayscale(20%); opacity: 0.8; }\n\t\t\t\t&:hover { background: rgba(255,255,255,.55); box-shadow: 0 8px 32px rgba(31,38,135,.15); transform: translateY(-2px); }\n\t\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t\t}\n\t\t}\n\t\t&--modern .logo-grid__item {\n\t\t\tborder-bottom: 2px solid transparent; padding: 24px;\n\t\t\timg { filter: grayscale(60%); opacity: 0.75; }\n\t\t\t&:hover { border-bottom-color: #333; transform: translateY(-2px); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t\t&--premium .logo-grid__item {\n\t\t\tborder-radius: 10% 25%; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.08); border: 1px solid #fafafa; padding: 24px;\n\t\t\t&:hover { border-color: #ddd; border-radius: 25% 10%; box-shadow: 0 6px 20px rgba(0,0,0,.12); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t}\n\n\t// =============================================\n\t// MASONRY\n\t// =============================================\n\n\t.logo-masonry {\n\t\tcolumns: var(--masonry-columns, 3);\n\t\tcolumn-gap: 16px;\n\t\tpadding: 10px 0;\n\n\t\t&__item {\n\t\t\tbreak-inside: avoid; display: flex; flex-direction: column;\n\t\t\talign-items: center; justify-content: center;\n\t\t\tpadding: 20px; margin-bottom: 16px; transition: all .3s;\n\t\t\timg { transition: all .3s; }\n\t\t}\n\n\t\t&--classic .logo-masonry__item {\n\t\t\tborder: 1px solid #e0e0e0; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.05);\n\t\t\timg { filter: grayscale(100%); opacity: 0.7; }\n\t\t\t&:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t\t&--elegant .logo-masonry__item {\n\t\t\tborder-radius: 16px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.07); border: 2px solid #f5f5f5; padding: 28px;\n\t\t\timg { filter: grayscale(100%); opacity: 0.6; }\n\t\t\t&:hover { border-color: #ddd; box-shadow: 0 8px 24px rgba(0,0,0,.12); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t\t&--neon {\n\t\t\tbackground: #0a0a0f; border-radius: 14px; padding: 16px;\n\t\t\t.logo-masonry__item {\n\t\t\t\tborder: 1px solid rgba(120,80,255,.2); border-radius: 10px; background: #12121a; padding: 22px;\n\t\t\t\timg { filter: grayscale(100%) brightness(1.4); opacity: 0.6; }\n\t\t\t\t&:hover { border-color: #7850ff; box-shadow: 0 0 10px rgba(120,80,255,.4), 0 0 24px rgba(120,80,255,.15); }\n\t\t\t\t&:hover img { filter: grayscale(0%) brightness(1.1); opacity: 1; }\n\t\t\t}\n\t\t}\n\t\t&--glassmorphism {\n\t\t\tbackground: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%); border-radius: 20px; padding: 16px;\n\t\t\t.logo-masonry__item {\n\t\t\t\tbackground: rgba(255,255,255,.35); border: 1px solid rgba(255,255,255,.55);\n\t\t\t\tborder-radius: 16px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 24px;\n\t\t\t\timg { filter: grayscale(20%); opacity: 0.8; }\n\t\t\t\t&:hover { background: rgba(255,255,255,.55); box-shadow: 0 8px 32px rgba(31,38,135,.15); }\n\t\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t\t}\n\t\t}\n\t\t&--modern .logo-masonry__item {\n\t\t\tborder-bottom: 2px solid transparent; padding: 24px;\n\t\t\timg { filter: grayscale(60%); opacity: 0.75; }\n\t\t\t&:hover { border-bottom-color: #333; }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t\t&--premium .logo-masonry__item {\n\t\t\tborder-radius: 10% 25%; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.08); border: 1px solid #fafafa; padding: 24px;\n\t\t\t&:hover { border-color: #ddd; border-radius: 25% 10%; box-shadow: 0 6px 20px rgba(0,0,0,.12); }\n\t\t\t&:hover img { filter: grayscale(0%); opacity: 1; }\n\t\t}\n\t}\n\n\t// =============================================\n\t// RESPONSIVE\n\t// =============================================\n\n\t@media (max-width: 768px) {\n\t\t.logo-carousel__item { padding: 15px; img { max-height: 60px; } }\n\t\t.logo-carousel__track { gap: 20px; }\n\t\t.logo-grid { grid-template-columns: repeat(2, 1fr) !important; }\n\t\t.logo-masonry { columns: 2 !important; }\n\t\t.logo-multirow__row .logo-carousel__item { padding: 12px 14px; img { max-height: 55px; } }\n\t}\n\n\t@media (max-width: 480px) {\n\t\t.logo-grid { grid-template-columns: repeat(2, 1fr) !important; }\n\t\t.logo-masonry { columns: 1 !important; }\n\t}\n}\n\n// =============================================\n// FIXED TOOLTIP BUBBLE (appended to <body> by JS)\n// Placed outside block wrapper so no overflow can clip it\n// =============================================\n\n.wlc-tooltip-bubble {\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n\tdisplay: none;\n\n\t.wlc-tooltip-text {\n\t\tdisplay: block;\n\t}\n\n\t.wlc-tooltip-arrow {\n\t\tposition: absolute;\n\t\twidth: 0;\n\t\theight: 0;\n\t}\n}"],"names":[],"ignoreList":[],"sourceRoot":""}