/*
 * =============================================================================
 * WeDev Content Types — frontend styles
 *
 * Shared frontend CSS for the Detecon custom Elementor content elements
 * (expert / press-release / article cards, listings, filters, the load-more
 * button and carousels). Enqueued site-wide by wedev-content-types/index.php.
 * =============================================================================
 *
 * @copyright   2026 Dr. Heiko Tobias, STC Computerservice Tobias & Co. KG
 * @license     PROPRIETARY - No use, reproduction, or distribution without express written permission.
 *
 * @created     2026-07-14
 * @modified    2026-07-15
 * @source      Clients/Detecon/Wordpress/www.detecon.com/wedev-content-types/assets/css/style.css
 * @github      Clients/Detecon/Wordpress/www.detecon.com/wedev-content-types/assets/css/style.css
 * @revision    1.2.0
 *
 * REVISION HISTORY:
 * -----------------
 * 2026-07-15 v1.2.0 - Press/Newsroom "Show more" button: added a parallel
 *                     .press-show-more selector block (twin of the experts and
 *                     insights buttons, incl. the .is-loading spinner reusing the
 *                     shared experts-show-more-spin keyframe) so the press listing
 *                     gets the same plain, centered magenta button with
 *                     font-size:20px and no hover/focus/active state change. Kept
 *                     separate from the experts/insights selectors so those stay
 *                     untouched.
 * 2026-07-15 v1.1.0 - Insights "Show more" button: added a parallel
 *                     .insights-show-more selector block (twin of the experts
 *                     button, incl. the .is-loading spinner) so the insights
 *                     listing gets the same plain, centered magenta button with
 *                     font-size:20px and no hover/focus/active state change. Kept
 *                     separate from the experts selectors so those stay untouched.
 * 2026-07-15 v1.0.2 - Load-more spinner (shown only when a click outruns the
 *                     in-memory prefetch). Also records the hover-shrink hardening
 *                     shipped as hotfixes: the button font-size is pinned to the
 *                     20px design value and transform:none, both !important, so a
 *                     higher-specificity theme hover rule can no longer resize it.
 * 2026-07-14 v1.0.1 - Button polish (client feedback): removed the
 *                     .experts-show-more-wrap top divider and all
 *                     hover/focus/active/loading visuals; the button is now a
 *                     plain, centered magenta button with no state change.
 * 2026-07-14 v1.0.0 - Introduced file header. Restyled the experts "Show more"
 *                     load-more button to match the career page (text-grid)
 *                     button: wrapped in .experts-show-more-wrap with a top
 *                     divider, magenta text and no hover/focus/active state
 *                     change; removed the center-out underline animation and the
 *                     magenta loading fill.
 *
 * =============================================================================
 */
.page-content,.type-expert,.type-article,.type-case_study,.type-location,.type-interview,.type-page,.type-event,.type-webinar,.type-whitepaper{max-width:1680px;margin:0 auto}.background-gradient{background:linear-gradient(to right,#E20074 50%,transparent 50%)}.section-hero-background{background:linear-gradient(to right,#FFFFFF 71%,transparent 50%)}.section-hero-background-magenta{background:linear-gradient(to right,#E20074 71%,transparent 50%)}.section-hero-background-nebula{background:linear-gradient(to right,#F2F5FF 71%,transparent 50%)}@media (max-width:768px){.background-gradient{background:none}.section-hero-background{background:#fff}.section-hero-background-magenta{background:#E20074}.section-hero-background-nebula{background:#F2F5FF}}.detecon-breadcrumb .eael-current{font-size:13px!important;line-height:125%!important;color:var(--Semantic-Colors-Interaction-States-Magenta-Active,#E83390);font-style:italic;font-weight:800;letter-spacing:var(--typography-subtitle-letter-spacing,0)}.section-hero-background-magenta .detecon-breadcrumb .eael-current{color:#FFF}.section-hero-background-magenta .detecon-breadcrumbs-list .current-breadcrumb span[itemprop="name"]{color:#FFF!important}.detecon-breadcrumb a{font-size:13px!important;line-height:125%!important}.detecon-breadcrumb .eael-breadcrumb-separator{font-size:11px!important;line-height:125%!important}@media (max-width:1040px){.detecon-quote-carousel .elementor-swiper-button-next,.detecon-quote-carousel .elementor-swiper-button-prev{display:none!important}.menu-topic-line>a{color:var(--Semantic-Colors-Text-Magenta,#E20074)!important;font-family:"TeleNeo";font-size:14px!important;font-style:italic!important;font-weight:500!important;line-height:120%!important;letter-spacing:var(--typography-body-L-letter-spacing,0)}#mobile-menu>nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container{height:100vh}#mobile-menu .elementor-nav-menu .sub-arrow{position:absolute;right:30px}#mobile-menu #menu-2-fa990d8,#mobile-menu #menu-2-e97322b{display:flex;flex-direction:column;height:100%}#mobile-menu .wpml-ls-item{margin-top:auto}}.detecon-anchor,.detecon-no-anchor{scroll-margin-top:100px}.detecon-anchor{color:#E20074;font-family:"TeleNeo",sans-serif;font-size:20px;font-style:italic;font-weight:500;line-height:120%;letter-spacing:0}@media (max-width:768px){.detecon-anchor{font-size:16px}}.filter-toggle:after{display:inline-block;content:" ";position:relative;background-image:url(/wp-content/plugins/wedev-content-types/assets/img/icon-arrow-dropdown.svg?v=1);width:20px;margin-right:5px;height:25px;background-repeat:no-repeat;background-position:center}.custom-article-card,.publication-card{display:flex;flex-direction:column;justify-content:flex-start;height:100%;width:100%;text-align:left;border-bottom:1px solid #AEAFB2;flex:1}.custom-article-card{max-width:375px}.custom-article-card a{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.custom-article-card .image-wrapper{position:relative;width:100%;object-fit:cover}.custom-article-card .image-wrapper img{height:182px;width:100%;object-fit:cover}.publication-card img{height:260px;width:100%;object-fit:cover}@media (max-width:768px){.custom-article-card .image-wrapper,.publication-card img{height:180px}}.custom-article-card .image-labels{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:8px;flex-wrap:wrap-reverse;align-items:flex-end;flex-direction:row}.custom-article-card .label-term,.custom-article-card .label-new{font-family:"TeleNeo";line-height:125%;color:#262933}.custom-article-card .label-term{background:#F2F5FF;padding:4px 8px;font-size:16px;font-weight:500}.custom-article-card .label-new{background:#4DE0AF;padding:4px 12px;font-size:16px;font-style:italic;font-weight:800;text-overflow:ellipsis}.custom-article-content,.publication-card-content{padding:16px;display:flex;flex-direction:column;justify-content:space-between}.custom-article-content{min-height:230px;height:100%}@media (max-width:1040px){.custom-article-content{min-height:unset;height:100%}}@media (max-width:768px){.custom-article-content{padding:8px;min-height:200px}}.custom-article-card h3,.publication-card h3{margin-bottom:30px;font-family:"TeleNeo",sans-serif;font-size:24px;font-weight:800;line-height:125%;color:#262933}@media (max-width:768px){.custom-article-card h3{font-size:18px}}.meta-info{display:inline-flex;align-items:center;gap:8px;color:#262933;font-family:"TeleNeo";font-size:13px;font-weight:500;line-height:125%}.meta-info svg{width:3px;height:3px;margin-bottom:3px;flex-shrink:0}.article-meta-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:10px}.article-meta-left{flex:1}.article-meta-right{position:relative;height:32px;margin-left:10px;display:flex;align-items:center;width:120px;overflow:hidden;justify-content:end;gap:8px}.article-meta-right .expert-thumb img{width:32px;height:32px;border-radius:50%;object-fit:cover}.expert-thumb{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-sizing:content-box;background-color:#ccc;text-align:center;line-height:32px;font-weight:700;font-size:14px;color:#444;cursor:pointer;user-select:none;margin-left:-15px}.expert-thumb:first-child{margin-left:0}.expert-thumb img{width:100%;height:100%;object-fit:cover;display:block}.expert-initials,.expert-more{width:100%;height:100%;line-height:32px;font-weight:700;color:#262933;background-color:#F2F5FF}.expert-more{font-size:16px;border:2px solid #fff}.custom-carousel-wrapper,.expert-publications-carousel-wrapper{display:flex;gap:20px}.custom-articles-carousel,.expert-publications-carousel{padding-bottom:55px!important}.custom-articles-carousel .swiper-slide,.expert-publications-carousel .swiper-slide{display:flex;height:100%}.single-slide .swiper-slide{width:100%!important}.double-slide .swiper-slide{width:50%!important}.expert-publications-carousel.swiper{display:block;width:100%}.custom-swiper-pagination,.expert-swiper-pagination{display:flex;justify-content:center;margin-top:20px}.custom-swiper-pagination .swiper-pagination-bullet,.expert-swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:749.25px;background:#fff;border:1px solid #AEAFB2;opacity:1;transition:all 0.3s ease}.custom-swiper-pagination .swiper-pagination-bullet-active,.expert-swiper-pagination .swiper-pagination-bullet-active{background:#E20074;border-color:#E20074}.related-posts-main-title,.expert-carousel-main-title{color:var(--Semantic-Colors-Text-Dark,#262933);font-family:"TeleNeo";font-size:48px;font-style:normal;font-weight:800;line-height:100%;letter-spacing:var(--typography-title-M-letter-spacing,0);margin-bottom:56px}@media (min-width:768px) and (max-width:1440px){.related-posts-main-title,.expert-carousel-main-title{font-size:32px}}@media (max-width:768px){.related-posts-main-title,.expert-carousel-main-title{font-size:24px}}.related-posts-intro,.expert-carousel-intro{max-width:100%}@media (min-width:768px){.expert-carousel-intro{max-width:65%}}.custom-articles-carousel{width:100%}.popup-expert-name{display:inline-block}@media (max-width:768px){div.detecon-contact-tabs div.e-n-tabs-heading button{padding-right:0!important;padding-left:0!important}}.press-release-card.is-external .press-release-img-wrapper{position:relative}.press-release-card .external-link-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgb(255 255 255 / .92);color:#E20074;box-shadow:0 1px 3px rgb(0 0 0 / .12)}.press-release-card .external-link-badge .external-link-icon{width:14px;height:14px}.custom-article-card.is-external .image-wrapper{position:relative}button.experts-show-more,button.experts-show-more:hover,button.experts-show-more:focus,button.experts-show-more:focus-visible,button.experts-show-more:active{display:block;width:fit-content;margin:32px auto 0;padding:0;font-family:"TeleNeo",sans-serif;font-size:20px!important;font-weight:500;line-height:1.2;color:#E20074;background:#fff0;border:none;outline:none;box-shadow:none;text-decoration:none;transform:none!important;transition:none;cursor:pointer}button.experts-show-more.is-loading{color:#fff0;pointer-events:none;position:relative}button.experts-show-more.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgb(226 0 116 / .25);border-top-color:#E20074;border-radius:50%;animation:experts-show-more-spin 0.6s linear infinite}@keyframes experts-show-more-spin{to{transform:rotate(360deg)}}button.insights-show-more,button.insights-show-more:hover,button.insights-show-more:focus,button.insights-show-more:focus-visible,button.insights-show-more:active{display:block;width:fit-content;margin:32px auto 0;padding:0;font-family:"TeleNeo",sans-serif;font-size:20px!important;font-weight:500;line-height:1.2;color:#E20074;background:#fff0;border:none;outline:none;box-shadow:none;text-decoration:none;transform:none!important;transition:none;cursor:pointer}button.insights-show-more.is-loading{color:#fff0;pointer-events:none;position:relative}button.insights-show-more.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgb(226 0 116 / .25);border-top-color:#E20074;border-radius:50%;animation:experts-show-more-spin 0.6s linear infinite}button.press-show-more,button.press-show-more:hover,button.press-show-more:focus,button.press-show-more:focus-visible,button.press-show-more:active{display:block;width:fit-content;margin:32px auto 0;padding:0;font-family:"TeleNeo",sans-serif;font-size:20px!important;font-weight:500;line-height:1.2;color:#E20074;background:#fff0;border:none;outline:none;box-shadow:none;text-decoration:none;transform:none!important;transition:none;cursor:pointer}button.press-show-more.is-loading{color:#fff0;pointer-events:none;position:relative}button.press-show-more.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgb(226 0 116 / .25);border-top-color:#E20074;border-radius:50%;animation:experts-show-more-spin 0.6s linear infinite}.tree-filter{width:440px;max-width:calc(100vw - 32px);background:#fff;border-radius:8px;box-shadow:0 4px 16px rgb(0 0 0 / .08);padding:16px 0;font-family:"TeleNeo",sans-serif;font-style:normal;font-weight:400}.filter-dropdown.tree-filter{width:440px;max-width:calc(100vw - 32px);max-height:none;overflow:visible;border:none;box-shadow:0 4px 16px rgb(0 0 0 / .08)}.tree-filter__header{padding:0;height:0;overflow:visible;color:#1a1a1a}.tree-filter__close{position:absolute;top:12px;right:12px;z-index:2;background:none!important;border:none!important;padding:4px!important;margin:0!important;cursor:pointer;font-size:18px;line-height:1;color:#1a1a1a;width:auto;height:auto}.tree-badge,.tree-row__count{display:none!important}.tree-filter__list,.tree-children{list-style:none;margin:0;padding:0}.tree-row{display:block;background:#fff0;cursor:pointer;text-decoration:none}.tree-row__content{display:flex;align-items:center;gap:8px;padding:14px 20px;border-left:3px solid #fff0;position:relative;font-family:"TeleNeo",sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:500!important;line-height:1.25!important;color:#262933;background:#fff0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-row__content>.tree-row__link::before,.tree-row__content>.tree-row__link--toggle::before{content:"";position:absolute;inset:0;z-index:1}.tree-row__link{flex:1 1 auto;color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;font-family:"TeleNeo",sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:500!important;line-height:1.25!important}.tree-row__link--toggle{cursor:pointer;user-select:none;font-style:normal!important;font-weight:500!important}.tree-row__link--toggle:focus-visible{outline:2px solid #E20074;outline-offset:2px}.tree-row__content:hover{background:#F2F4F5}.tree-children .tree-row>.tree-row__content:hover{background:#F2F4F5!important}.tree-row.is-active>.tree-row__content{color:#E20074;font-weight:500!important}.tree-row.is-active>.tree-row__content::after{content:"";display:inline-block;flex:0 0 auto;margin-left:auto;width:14px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'10\' viewBox=\'0 0 14 10\' fill=\'none\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M13.0641 0.653016C13.3765 0.965435 13.3765 1.47197 13.0641 1.78439L5.504 9.34449C5.19158 9.65691 4.68505 9.65691 4.37263 9.34449L0.936219 5.90808C0.623799 5.59566 0.623799 5.08913 0.936219 4.77671C1.24864 4.46429 1.75517 4.46429 2.06759 4.77671L4.93831 7.64743L11.9327 0.653016C12.2451 0.340596 12.7517 0.340596 13.0641 0.653016Z\' fill=\'%23E20074\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center}.tree-row.is-active>.tree-row__content .tree-row__link,.tree-row.is-active>.tree-row__content .tree-row__link--toggle{color:#E20074;font-weight:500!important}.tree-filter .tree-row.is-active>.tree-row__content .tree-chevron,.tree-filter .tree-row.is-active>.tree-row__content button.tree-chevron{color:#E20074!important;-webkit-text-fill-color:#E20074!important}.tree-row--parent .tree-children{display:none;position:relative;list-style:none;margin:0 0 0 36px;padding:0}.tree-row--parent.is-open>.tree-children{display:block}.tree-row--parent.is-open>.tree-children::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:#D6D6D6}.tree-children .tree-row{background:transparent!important}.tree-children .tree-row>.tree-row__content{padding-left:20px!important;border-left-color:transparent!important;color:#262933!important;font-style:normal!important;font-weight:500!important;background:transparent!important}.tree-children .tree-row.is-active>.tree-row__content{color:#E20074!important;font-weight:500!important}.tree-children .tree-row.is-active>.tree-row__content .tree-row__link{color:#E20074!important}.tree-filter .tree-chevron,.tree-filter button.tree-chevron{background:none!important;background-color:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:0 4px 0 0!important;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#262933!important;-webkit-text-fill-color:#262933!important;cursor:pointer;box-shadow:none!important;visibility:visible!important;opacity:1!important;position:relative;z-index:2;transition:transform 0.15s ease}.tree-filter .tree-chevron__icon{width:12px;height:12px;display:block;flex:0 0 auto;stroke:currentColor;fill:none;pointer-events:none}.tree-filter .tree-row--parent.is-open>.tree-row__content .tree-chevron,.tree-filter .tree-row--parent.is-open>.tree-row__content button.tree-chevron{transform:rotate(90deg);visibility:visible!important;opacity:1!important}.tree-filter__footer{display:none;gap:12px;align-items:center;padding:16px 20px 4px;margin-top:8px;border-top:1px solid #AEAFB2}@media (max-width:768px){.tree-filter__footer{display:flex}}.tree-filter__footer .btn-reset,.tree-filter__footer .btn-apply{font-family:"TeleNeo",sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:1.25!important;padding:12px 28px!important;border-radius:999px!important;cursor:pointer;text-align:center;transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease;white-space:nowrap;box-shadow:none!important}.tree-filter__footer .btn-reset{flex:1 1 0%;background:#fff!important;color:#262933!important;border:1px solid #262933!important}.tree-filter__footer .btn-reset:hover{background:#F4F4F5!important}.tree-filter__footer .btn-apply{flex:1 1 0%;background:#E20074!important;color:#fff!important;border:1px solid #E20074!important}.tree-filter__footer .btn-apply:hover{background:#C20064!important;border-color:#C20064!important}@media (max-width:768px){.filter-dropdown.tree-filter{position:fixed!important;left:16px!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 64px);overflow-y:auto;z-index:99999}.filter-dropdown.tree-filter .tree-row__content{white-space:normal;overflow:visible;text-overflow:clip;align-items:flex-start}.filter-dropdown.tree-filter .tree-row__link,.filter-dropdown.tree-filter .tree-row__link--toggle{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;overflow-wrap:anywhere}.filter-dropdown.tree-filter .tree-chevron,.filter-dropdown.tree-filter button.tree-chevron{margin-top:2px!important}.filter-dropdown.tree-filter .tree-filter__footer{padding:12px 16px 4px}.filter-dropdown.tree-filter .tree-filter__footer .btn-reset,.filter-dropdown.tree-filter .tree-filter__footer .btn-apply{padding:10px 20px!important;font-size:14px!important}}