/*
 * Theme Name: Recap Child
 * Theme URI: https://recap.codesupply.co/
 * Description: MAKEMA editorial styling based on Recap and makema.de.
 * Author: Code Supply Co. / MAKEMA
 * Template: recap
 * Version: 1.0.1
 */
:root{--makema-accent:#206bea;--makema-light:#edf3ff;--makema-ink:#161616;--makema-muted:#737373;--makema-border:#e9e9e9;--cs-button-border-radius:999px;--cs-font-base-family:Inter,sans-serif;--cs-font-primary-family:Inter,sans-serif;--cs-font-secondary-family:Inter,sans-serif}
body{font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.03em}a:focus-visible,button:focus-visible{outline:3px solid var(--makema-accent);outline-offset:4px}.cs-header__logo img{width:auto;height:27.96875px;max-height:none;object-fit:contain}.cs-footer__logo img{width:auto;height:38.4609375px;max-height:none;max-width:100%;object-fit:contain}.cs-header__custom-button,.cs-header__button,.cs-button{border-radius:999px}.cs-main-content:has(.makema-home),.cs-main-content:has(.makema-category){display:block}.makema-skip-link{position:absolute;top:-100px;left:12px;z-index:100000;background:#fff;padding:12px}.makema-skip-link:focus{top:12px}.makema-home,.makema-category{width:100%;color:var(--makema-ink)}.makema-hero{text-align:center;padding:50px 12px 46px}.makema-pill{display:inline-block;border:1px solid #d9e4f5;background:#f2f6fd;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:500;letter-spacing:.04em}.makema-hero h1{font-size:clamp(35px,4.7vw,64px);line-height:1.1;margin:23px 0 21px}.makema-hero h1 span{background:var(--makema-light);border-radius:8px;padding:0 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.makema-hero>p{max-width:640px;margin:auto;color:var(--makema-muted);font-size:16px;line-height:1.6}.makema-formats{margin-top:21px;color:var(--makema-muted);font-size:12px}.makema-feature{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid var(--makema-border);border-radius:14px;overflow:hidden}.makema-cover{position:relative;margin:0;min-height:360px;overflow:hidden}.makema-cover>img{display:block;width:100%;height:100%;object-fit:cover}.makema-ai-label{position:absolute;bottom:10px;right:10px;background:#161616;color:white;font:400 11px/1.3 Inter,sans-serif;padding:5px 7px}.makema-feature-copy{align-self:center;padding:38px}.makema-kicker{font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--makema-accent)}.makema-feature h2{font-size:clamp(27px,3vw,36px);line-height:1.16;margin:15px 0 18px}.makema-feature p,.makema-card p,.makema-sidebar p{color:var(--makema-muted);font-size:14px;line-height:1.65}.makema-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#fff!important;background:var(--makema-accent);border-radius:999px;padding:14px 21px;font-size:13px;font-weight:700;text-decoration:none!important;transition:background .15s}.makema-button:hover{background:#3b7ded}.makema-feature small{display:block;margin-top:14px;color:var(--makema-muted);font-size:11px}.makema-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:40px 0 24px}.makema-section-head h2,.makema-latest>h2{font-size:28px;margin:0}.makema-section-head>span{font-size:12px;color:var(--makema-muted)}.makema-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.makema-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.makema-card{display:block;background:#fff;border:1px solid var(--makema-border);border-radius:14px;padding:27px;color:var(--makema-ink)!important;text-decoration:none!important;transition:border-color .15s}.makema-card:hover{border-color:#a4bde9}.makema-card h2,.makema-card h3{font-size:24px;line-height:1.2;margin:14px 0}.makema-card h2 a{color:inherit}.makema-text-link{font-size:13px;font-weight:700;color:var(--makema-accent);text-decoration:none}.makema-sidebar{height:fit-content;background:var(--makema-light);border:1px solid #dce7fa;border-radius:14px;padding:28px}.makema-sidebar h3{font-size:24px;line-height:1.2;margin:14px 0}.makema-sidebar a{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #d4e0f5;padding:15px 0;font-size:13px;font-weight:500;text-decoration:none;color:var(--makema-ink)}.makema-latest{margin-top:42px}.makema-latest>h2{margin-bottom:24px}.makema-post-image{display:block;margin:-27px -27px 23px;overflow:hidden;border-radius:14px 14px 0 0}.makema-post-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.makema-building,.makema-disclosure{color:var(--makema-muted);font-size:13px;line-height:1.6;margin:32px 0}.makema-disclosure{border-top:1px solid var(--makema-border);padding-top:22px;font-size:12px}.makema-category{padding:20px 0 48px}.makema-category-head{max-width:740px;margin:38px 0 32px}.makema-category-head h1{font-size:clamp(34px,4vw,50px);margin:12px 0}.makema-category-head p{font-size:17px;color:var(--makema-muted)}.makema-empty{padding:30px;border:1px solid var(--makema-border);border-radius:14px;background:white}.makema-empty h2{font-size:26px}.makema-empty p{max-width:620px;color:var(--makema-muted)}
@media(max-width:1199px){.cs-header__logo-mobile img{width:auto;height:26.21875px;max-height:none}.makema-feature-copy{padding:30px}.makema-editorial-grid{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:767px){.makema-hero{padding:30px 0 32px}.makema-hero h1{font-size:clamp(32px,8vw,45px);letter-spacing:-.035em}.makema-hero>p{font-size:14px}.makema-feature{grid-template-columns:1fr}.makema-cover{min-height:0;aspect-ratio:16/9}.makema-cover>img{object-fit:contain}.makema-feature-copy{padding:26px}.makema-feature h2{font-size:29px}.makema-section-head{display:block;margin-top:32px}.makema-section-head h2{font-size:26px;margin-bottom:10px}.makema-editorial-grid,.makema-cards{grid-template-columns:1fr}.makema-card{padding:24px}.makema-post-image{margin:-24px -24px 21px}.makema-sidebar{padding:26px}.makema-formats{font-size:11px}.makema-category-head{margin-top:30px}.makema-category-head p{font-size:16px}.makema-empty{padding:24px}}
@media(prefers-reduced-motion:reduce){.makema-card,.makema-button{transition:none}}

.makema-language-nav {max-width:1320px;margin:12px auto;padding:0 24px;font-size:14px;}
.makema-language-nav ul {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0;}
.makema-language-nav a[aria-current] {font-weight:700;text-decoration:underline;}

/* All native WordPress tables, including future articles and translations.
   Keep scrolling inside the figure; never squeeze words into single letters. */
.entry-content .wp-block-table{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
.entry-content .wp-block-table table{width:100%;min-width:32rem;table-layout:auto;font-size:16px;line-height:1.5}
.entry-content .wp-block-table th,.entry-content .wp-block-table td{min-width:10rem;word-break:normal;overflow-wrap:normal;hyphens:manual;padding:.625rem;font-size:inherit;line-height:1.5;vertical-align:top}
.entry-content .wp-block-table figcaption{white-space:normal;word-break:normal;overflow-wrap:anywhere;font-size:14px}

/* Preserve embedded AI label in the native Featured crop, Overlock only. */
:is(.postid-98,.postid-100,.postid-103,.postid-106,.postid-109) .cs-entry__header-featured .cs-entry__media img{object-position:center bottom}

/* Native Recap header: one consistent menu breakpoint for all five languages. */
@media(min-width:1400px){
.cs-header__outer>.cs-container{max-width:1400px}
.cs-header__inner-desktop .cs-col-left{flex:0 0 auto}
.cs-header__inner-desktop .cs-col-center{flex:1 1 auto}
.cs-header__inner-desktop .cs-logo{flex-shrink:0}
.cs-header__inner-desktop .cs-header__logo img{max-width:none}
.cs-header__nav-inner>li>a{padding-inline:8px}
}
@media(max-width:1399.98px){
.cs-header__inner-desktop{display:none}
.cs-header__inner-mobile{display:flex;position:relative;z-index:10}
.cs-header__inner-mobile .cs-col-left{flex:0 0 auto}
.cs-header .cs-header__inner-mobile .cs-header__col.cs-col-right{flex:1 1 auto;padding-left:0}
.cs-header__inner-mobile .cs-header__offcanvas-toggle,.cs-offcanvas__header .cs-header__offcanvas-toggle{display:flex}
.cs-logo-mobile .cs-header__logo img{width:auto;max-width:none;height:min(26.21875px,calc((100vw - 120px)/10.1919856459));max-height:none}
.cs-footer__logo img{height:min(38.4609375px,calc((100vw - 48px)/10.1919856459))}
}
@media(min-width:576px) and (max-width:1399.98px){
.cs-header__inner-mobile{min-height:var(--cs-header-initial-height);border-radius:var(--cs-header-border-radius);margin-top:1.5rem;padding-inline:1rem;transition:all .25s ease-in-out}
.cs-header__inner-mobile:after{content:"";display:block;position:absolute;inset:0;z-index:-1;width:100%;height:100%;border-radius:var(--cs-header-border-radius);background:var(--cs-header-background,var(--cs-site-background));box-shadow:0 10px 40px 0 rgba(0,0,15,.07)}
[data-scheme=dark] .cs-header__inner-mobile:after{box-shadow:0 10px 20px 0 rgba(0,0,15,.02)}
}
@media(max-width:575.98px){
.cs-header__inner-mobile{margin-inline:-12px;width:calc(100% + 24px)}
}

/* Native Shopify quick-shop: readable text, keyboard and touch access. */
.product-card .product-card__hover-button {
    min-height: 44px;
    width: auto;
    padding: 10px 14px;
    gap: 8px;
}
.product-card .product-card__hover-button::before {
    display: block;
    flex: 0 0 16px;
    height: 16px;
}
.product-card .product-card__hover-button .product-card__hover-button__button__text {
    max-width: none;
    overflow: visible;
    margin: 0;
    white-space: nowrap;
}
.product-card:focus-within .product-card__hover-button {
    opacity: 1;
    transform: translateY(0);
}
.product-card .product-card__hover-button:focus-visible {
    outline: 3px solid var(--cs-color-accent, #3866e8);
    outline-offset: 3px;
}
@media (hover: none), (pointer: coarse) {
    .product-card .product-card__hover-button {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Native Shopify cards: keep live prices intact and product photos compact. */
.entry-content .product-card__details { gap: 1rem; align-items: flex-start; }
.entry-content .product-card__info { min-width: 0; flex: 1 1 0; }
.entry-content .product-card__price { flex: 0 0 auto; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.entry-content .product-card__image-container shopify-media { display: block; }
.entry-content .product-card__image-container shopify-media img { height: 300px; max-height: 300px; width: 100%; object-fit: contain !important; background-size: contain !important; }
@media (max-width: 480px) {
  .entry-content .product-card__details { flex-wrap: wrap; gap: .5rem 1rem; }
  .entry-content .product-card__info { flex-basis: 12rem; }
  .entry-content .product-card__image-container shopify-media img { height: 260px; max-height: 260px; }
}

/* Post 214: preserve the complete illustration and its bottom-right AI label. */
.postid-214 .cs-overlay-background > img.attachment-csco-large-uncropped.wp-post-image { object-fit: contain !important; }

/* Editorial images and native Shopify cards share the article's full width. */
.entry-content .wp-block-image{width:100%!important;max-width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important}
.entry-content .wp-block-image > a{display:block;width:100%}
.entry-content .wp-block-image img{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.entry-content .wp-block-shopify-product-shopify-product-block{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.entry-content .wp-block-shopify-product-shopify-product-block .product-card{width:100%;max-width:100%;box-sizing:border-box}