.elementor-kit-6{--e-global-color-primary:#075161;--e-global-color-secondary:#0C3B45;--e-global-color-text:#1B2B2E;--e-global-color-accent:#A8E836;--e-global-color-10d2e9b:#FFFFFF;--e-global-color-f8fa775:#000000;--e-global-color-4c96edb:#075161;--e-global-color-0b94b89:#A8E836;--e-global-color-bd6302b:#0C3B45;--e-global-color-polinen:#F2EBDF;--e-global-color-pokraft:#E6DAC7;--e-global-color-pocard:#F9F5EE;--e-global-color-ponight2:#082C34;--e-global-color-polime2:#C2F270;--e-global-color-poblue:#1E9FD8;--e-global-color-pomuted:#56625F;--e-global-color-poline:#0C3B452E;--e-global-color-pocream:#F2EBDF;--e-global-color-pocream2:#F2EBDFC2;--e-global-color-pocreamline:#F2EBDF33;--e-global-color-pobtnline:#F2EBDF8C;--e-global-color-pogrey:#D9CFBE;--e-global-color-pobluesoft:#F9F5EE;--e-global-color-ponone:#FFFFFF00;--e-global-typography-primary-font-family:"Young Serif";--e-global-typography-primary-font-size:clamp(28px, 3.2vw, 46px);--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.06em;--e-global-typography-secondary-font-family:"Instrument Sans";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Instrument Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.62em;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-poh1hero-font-family:"Young Serif";--e-global-typography-poh1hero-font-size:clamp(36px, 4.3vw, 62px);--e-global-typography-poh1hero-font-weight:400;--e-global-typography-poh1hero-line-height:1.02em;--e-global-typography-poh1hero-letter-spacing:-0.02em;--e-global-typography-poh1-font-family:"Young Serif";--e-global-typography-poh1-font-size:clamp(36px, 3.6vw, 52px);--e-global-typography-poh1-font-weight:400;--e-global-typography-poh1-line-height:1.02em;--e-global-typography-poh1-letter-spacing:-0.02em;--e-global-typography-poh1xl-font-family:"Young Serif";--e-global-typography-poh1xl-font-size:clamp(44px, 4vw, 56px);--e-global-typography-poh1xl-font-weight:400;--e-global-typography-poh1xl-line-height:1.02em;--e-global-typography-poh1xl-letter-spacing:-0.02em;--e-global-typography-poh2-font-family:"Young Serif";--e-global-typography-poh2-font-size:clamp(28px, 3.2vw, 46px);--e-global-typography-poh2-font-weight:400;--e-global-typography-poh2-line-height:1.06em;--e-global-typography-poh2-letter-spacing:-0.015em;--e-global-typography-poh2xl-font-family:"Young Serif";--e-global-typography-poh2xl-font-size:clamp(32px, 4vw, 58px);--e-global-typography-poh2xl-font-weight:400;--e-global-typography-poh2xl-line-height:1.06em;--e-global-typography-poh2xl-letter-spacing:-0.015em;--e-global-typography-poh2kl-font-family:"Young Serif";--e-global-typography-poh2kl-font-size:clamp(34px, 3.9vw, 54px);--e-global-typography-poh2kl-font-weight:400;--e-global-typography-poh2kl-line-height:1.06em;--e-global-typography-poh2kl-letter-spacing:-0.015em;--e-global-typography-poh2art-font-family:"Young Serif";--e-global-typography-poh2art-font-size:clamp(24px, 2.3vw, 32px);--e-global-typography-poh2art-font-weight:400;--e-global-typography-poh2art-line-height:1.2em;--e-global-typography-poh2art-letter-spacing:-0.01em;--e-global-typography-poh2cc-font-family:"Young Serif";--e-global-typography-poh2cc-font-size:clamp(26px, 2.5vw, 35px);--e-global-typography-poh2cc-font-weight:400;--e-global-typography-poh2cc-line-height:1.1em;--e-global-typography-poh2cc-letter-spacing:-0.01em;--e-global-typography-poh3-font-family:"Young Serif";--e-global-typography-poh3-font-size:clamp(20px, 1.6vw, 22px);--e-global-typography-poh3-font-weight:400;--e-global-typography-poh3-line-height:1.2em;--e-global-typography-poh3ass-font-family:"Young Serif";--e-global-typography-poh3ass-font-size:clamp(21px, 1.9vw, 26px);--e-global-typography-poh3ass-font-weight:400;--e-global-typography-poh3ass-line-height:1.2em;--e-global-typography-poh3big-font-family:"Young Serif";--e-global-typography-poh3big-font-size:clamp(23px, 2vw, 29px);--e-global-typography-poh3big-font-weight:400;--e-global-typography-poh3big-line-height:1.2em;--e-global-typography-pocard-font-family:"Young Serif";--e-global-typography-pocard-font-size:clamp(20px, 1.7vw, 24px);--e-global-typography-pocard-font-weight:400;--e-global-typography-pocard-line-height:1.28em;--e-global-typography-poh3s-font-family:"Young Serif";--e-global-typography-poh3s-font-size:20px;--e-global-typography-poh3s-font-weight:400;--e-global-typography-poh3s-line-height:1.2em;--e-global-typography-poserif24-font-family:"Young Serif";--e-global-typography-poserif24-font-size:24px;--e-global-typography-poserif24-font-weight:400;--e-global-typography-poserif24-line-height:1.2em;--e-global-typography-pobig-font-family:"Young Serif";--e-global-typography-pobig-font-size:clamp(110px, 14vw, 210px);--e-global-typography-pobig-font-weight:400;--e-global-typography-pobig-line-height:0.8em;--e-global-typography-pobig-letter-spacing:-0.04em;--e-global-typography-ponum-font-family:"Young Serif";--e-global-typography-ponum-font-size:26px;--e-global-typography-ponum-font-weight:400;--e-global-typography-ponum-line-height:1em;--e-global-typography-poqs-font-family:"Young Serif";--e-global-typography-poqs-font-size:clamp(19px, 1.6vw, 22px);--e-global-typography-poqs-font-weight:400;--e-global-typography-poqs-line-height:1.5em;--e-global-typography-poquote-font-family:"Young Serif";--e-global-typography-poquote-font-size:clamp(24px, 2.3vw, 32px);--e-global-typography-poquote-font-weight:400;--e-global-typography-poquote-line-height:1.3em;--e-global-typography-ponames-font-family:"Young Serif";--e-global-typography-ponames-font-size:21px;--e-global-typography-ponames-font-weight:400;--e-global-typography-ponames-line-height:1.4em;--e-global-typography-pointro-font-family:"Young Serif";--e-global-typography-pointro-font-size:clamp(20px, 1.6vw, 22px);--e-global-typography-pointro-font-weight:400;--e-global-typography-pointro-line-height:1.55em;--e-global-typography-pomenumob-font-family:"Young Serif";--e-global-typography-pomenumob-font-size:25px;--e-global-typography-pomenumob-font-weight:400;--e-global-typography-pomenumob-line-height:1.2em;--e-global-typography-pobody-font-family:"Instrument Sans";--e-global-typography-pobody-font-size:18px;--e-global-typography-pobody-font-weight:400;--e-global-typography-pobody-line-height:1.62em;--e-global-typography-polead-font-family:"Instrument Sans";--e-global-typography-polead-font-size:20px;--e-global-typography-polead-font-weight:400;--e-global-typography-polead-line-height:1.6em;--e-global-typography-poart-font-family:"Instrument Sans";--e-global-typography-poart-font-size:19px;--e-global-typography-poart-font-weight:400;--e-global-typography-poart-line-height:1.7em;--e-global-typography-po17-font-family:"Instrument Sans";--e-global-typography-po17-font-size:17px;--e-global-typography-po17-font-weight:400;--e-global-typography-po17-line-height:1.6em;--e-global-typography-po16-font-family:"Instrument Sans";--e-global-typography-po16-font-size:16px;--e-global-typography-po16-font-weight:400;--e-global-typography-po16-line-height:1.6em;--e-global-typography-posmall-font-family:"Instrument Sans";--e-global-typography-posmall-font-size:15px;--e-global-typography-posmall-font-weight:400;--e-global-typography-posmall-line-height:1.5em;--e-global-typography-ponote-font-family:"Instrument Sans";--e-global-typography-ponote-font-size:14px;--e-global-typography-ponote-font-weight:400;--e-global-typography-ponote-line-height:1.5em;--e-global-typography-pometa-font-family:"Instrument Sans";--e-global-typography-pometa-font-size:14px;--e-global-typography-pometa-font-weight:600;--e-global-typography-pometa-line-height:1.4em;--e-global-typography-potrust-font-family:"Instrument Sans";--e-global-typography-potrust-font-size:16.5px;--e-global-typography-potrust-font-weight:500;--e-global-typography-potrust-line-height:1.35em;--e-global-typography-pomenu-font-family:"Instrument Sans";--e-global-typography-pomenu-font-size:16.5px;--e-global-typography-pomenu-font-weight:500;--e-global-typography-pomenu-line-height:1em;--e-global-typography-polink-font-family:"Instrument Sans";--e-global-typography-polink-font-size:17px;--e-global-typography-polink-font-weight:600;--e-global-typography-polink-line-height:1.3em;--e-global-typography-pocap-font-family:"Instrument Sans";--e-global-typography-pocap-font-size:14px;--e-global-typography-pocap-font-weight:600;--e-global-typography-pocap-text-transform:uppercase;--e-global-typography-pocap-line-height:1em;--e-global-typography-pocap-letter-spacing:0.1em;--e-global-typography-posub-font-family:"Instrument Sans";--e-global-typography-posub-font-size:16.5px;--e-global-typography-posub-font-weight:400;--e-global-typography-posub-line-height:1.3em;background-color:#F2EBDF;color:var( --e-global-color-text );font-family:"Instrument Sans", Georgia, serif;font-size:18px;font-weight:400;line-height:1.62em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Instrument Sans", Georgia, serif;font-size:16px;font-weight:600;line-height:1.2em;color:var( --e-global-color-pocream );border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;padding:16px 24px 16px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-pocream );border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:var( --e-global-color-secondary );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-poh1-font-family ), Georgia, serif;font-size:var( --e-global-typography-poh1-font-size );font-weight:var( --e-global-typography-poh1-font-weight );line-height:var( --e-global-typography-poh1-line-height );letter-spacing:var( --e-global-typography-poh1-letter-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-poh2-font-family ), Georgia, serif;font-size:var( --e-global-typography-poh2-font-size );font-weight:var( --e-global-typography-poh2-font-weight );line-height:var( --e-global-typography-poh2-line-height );letter-spacing:var( --e-global-typography-poh2-letter-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-poh3-font-family ), Georgia, serif;font-size:var( --e-global-typography-poh3-font-size );font-weight:var( --e-global-typography-poh3-font-weight );line-height:var( --e-global-typography-poh3-line-height );}.elementor-kit-6 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-poh3s-font-family ), Georgia, serif;font-size:var( --e-global-typography-poh3s-font-size );font-weight:var( --e-global-typography-poh3s-font-weight );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-poh3s-font-family ), Georgia, serif;font-size:var( --e-global-typography-poh3s-font-size );font-weight:var( --e-global-typography-poh3s-font-weight );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-poh3s-font-family ), Georgia, serif;font-size:var( --e-global-typography-poh3s-font-size );font-weight:var( --e-global-typography-poh3s-font-weight );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{font-size:18px;line-height:1.62em;}.elementor-kit-6 h1{font-size:var( --e-global-typography-poh1-font-size );line-height:var( --e-global-typography-poh1-line-height );letter-spacing:var( --e-global-typography-poh1-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-poh2-font-size );line-height:var( --e-global-typography-poh2-line-height );letter-spacing:var( --e-global-typography-poh2-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-poh3-font-size );line-height:var( --e-global-typography-poh3-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-poh3s-font-size );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-poh3s-font-size );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-poh3s-font-size );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:16px;line-height:1.2em;padding:16px 24px 16px 24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:28px;--container-default-padding-bottom:0px;--container-default-padding-left:28px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-text-font-size:17px;--e-global-typography-poh1hero-font-size:34px;--e-global-typography-poh1-font-size:29px;--e-global-typography-poh1xl-font-size:31px;--e-global-typography-poh2-font-size:28px;--e-global-typography-poh2xl-font-size:30px;--e-global-typography-poh2kl-font-size:34px;--e-global-typography-poh2art-font-size:23px;--e-global-typography-poh2cc-font-size:26px;--e-global-typography-poh3-font-size:20px;--e-global-typography-poh3ass-font-size:19px;--e-global-typography-poh3big-font-size:23px;--e-global-typography-pocard-font-size:20px;--e-global-typography-poh3s-font-size:18px;--e-global-typography-pobig-font-size:112px;--e-global-typography-ponum-font-size:22px;--e-global-typography-poquote-font-size:22px;--e-global-typography-pobody-font-size:17px;--e-global-typography-polead-font-size:18px;--e-global-typography-poart-font-size:17px;--e-global-typography-po17-font-size:16px;--e-global-typography-polink-font-size:16px;font-size:17px;line-height:1.62em;}.elementor-kit-6 h1{font-size:var( --e-global-typography-poh1-font-size );line-height:var( --e-global-typography-poh1-line-height );letter-spacing:var( --e-global-typography-poh1-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-poh2-font-size );line-height:var( --e-global-typography-poh2-line-height );letter-spacing:var( --e-global-typography-poh2-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-poh3-font-size );line-height:var( --e-global-typography-poh3-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-poh3s-font-size );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-poh3s-font-size );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-poh3s-font-size );line-height:var( --e-global-typography-poh3s-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:16px;line-height:1.2em;padding:16px 24px 16px 24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS *//* webler · PetsOnly! — Site Settings → Custom CSS (from design/final/v3.css).
   Only what Elementor has no setting for; every block says why. Colours come from the kit (var(--e-global-color-…)). */

/* 1 Calm line breaks and paragraphs */
.elementor-heading-title { text-wrap: balance; }
.elementor-widget-text-editor p { text-wrap: pretty; }
.elementor-widget-text-editor p:last-child, .elementor-widget-text-editor ul:last-child { margin-bottom: 0; }

/* 2 MOTION — the design's entrance: Fade In Up = rise 24 px, 0.8 s, cubic-bezier(.2,.7,.2,1); fill-mode both (no flicker
      before its delay); the delay is the widget's own "Animation Delay". Reduced motion: still. */
@keyframes poFadeUp { from { opacity: 0; transform: translate3d(0, 24px, 0); } to { opacity: 1; transform: none; } }
.animated { animation-fill-mode: both; }
.animated.fadeInUp { animation-name: poFadeUp; animation-duration: .8s; animation-timing-function: cubic-bezier(.2, .7, .2, 1); }
@media (prefers-reduced-motion: reduce) { .animated { animation: none !important; opacity: 1 !important; transform: none !important; } }

/* 3 HEADER — sticky on linen; a hairline appears once the page scrolls (Elementor's sticky adds the class). The menu's
      hover, the active page and the open Assortiment share ONE shape: a 2 px petrol line under the word (Ahmad: hover = active). */
.po-hdr { transition: border-color .3s; border-bottom: 1px solid transparent; }
.po-hdr.elementor-sticky--effects { border-bottom-color: var(--e-global-color-poline); }
.po-nav .elementor-item::after { height: 2px !important; bottom: 4px !important; }
.po-nav .elementor-nav-menu--main .elementor-item { padding-left: 0 !important; padding-right: 0 !important; }
.po-nav .elementor-nav-menu--main > .elementor-nav-menu > li.menu-item-has-children:hover > .elementor-item::after { opacity: 1; transform: scale(1); }
.po-nav .elementor-nav-menu--main .sub-menu { padding: 14px !important; min-width: 330px !important; border-radius: 8px; }
.po-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item { border-radius: 6px; }
.po-nav .elementor-nav-menu--main .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
.po-nav .elementor-item .sub-arrow { font-size: 11px; margin-inline-start: 6px; }
.po-logo img { width: auto !important; }
.po-logo, .po-logo .elementor-widget-container { line-height: 0; }
/* phone menu (popup): big serif links on the night background */
.po-popnav .elementor-nav-menu--main .elementor-item { border-bottom: 1px solid var(--e-global-color-pocreamline); justify-content: space-between; }
.po-popnav .elementor-nav-menu--main .sub-menu { position: static !important; width: auto !important; box-shadow: none !important; }
.po-popnav .elementor-nav-menu--main .sub-menu .elementor-sub-item { border-left: 0 !important; }

/* 4 BUTTONS — the four house Types (Ahmad 2026-10-12: "build buttons so later it will be easy to change"). Every Button
      widget has one Type and no styling of its own; size, font and radius come from Site Settings → Buttons, colours here.
      Fill 1st color – lightbg   = primary        petrol fill, cream text        (main action on linen / kraft)
      Border 1st color – lightbg = black-outline  petrol outline + text          (second action on linen / kraft)
      Border 2nd color – darkbg  = white-outline  cream outline + text           (second action on night)
      Fill 2nd color – darkbg    = white-fill     lime fill, night text          (main action on night)
   Colours: Knop — 1e kleur (4c96edb, petrol) · Knop — 2e kleur (0b94b89, lime) · Knop — tekst op lime (bd6302b, night).
   !important: the base's Customizer CSS carries older versions of these Types with !important; these win. */
.elementor-widget-button .elementor-button { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.elementor-widget-button .elementor-button .elementor-button-content-wrapper { gap: 12px; }
.elementor-widget-button .elementor-button .elementor-button-icon { font-size: .9em; transition: transform .25s cubic-bezier(.2, .7, .2, 1); }
.elementor-widget-button .elementor-button .elementor-button-icon svg { width: 1em; height: 1em; }
.elementor-widget-button .elementor-button:hover .elementor-button-icon { transform: translateX(4px); }
.elementor-button-primary .elementor-button { background-color: var(--e-global-color-4c96edb) !important; color: var(--e-global-color-pocream) !important; border-color: var(--e-global-color-4c96edb) !important; }
.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus-visible { background-color: var(--e-global-color-secondary) !important; border-color: var(--e-global-color-secondary) !important; color: var(--e-global-color-pocream) !important; }
.elementor-button-black-outline .elementor-button { background-color: transparent !important; color: var(--e-global-color-4c96edb) !important; border-color: var(--e-global-color-4c96edb) !important; }
.elementor-button-black-outline .elementor-button:hover, .elementor-button-black-outline .elementor-button:focus-visible { background-color: var(--e-global-color-4c96edb) !important; border-color: var(--e-global-color-4c96edb) !important; color: var(--e-global-color-pocream) !important; }
.elementor-button-white-outline .elementor-button { background-color: transparent !important; color: var(--e-global-color-pocream) !important; border-color: var(--e-global-color-pobtnline) !important; }
.elementor-button-white-outline .elementor-button:hover, .elementor-button-white-outline .elementor-button:focus-visible { background-color: var(--e-global-color-pocream) !important; border-color: var(--e-global-color-pocream) !important; color: var(--e-global-color-secondary) !important; }
.elementor-button-white-fill .elementor-button { background-color: var(--e-global-color-0b94b89) !important; color: var(--e-global-color-bd6302b) !important; border-color: var(--e-global-color-0b94b89) !important; }
.elementor-button-white-fill .elementor-button:hover, .elementor-button-white-fill .elementor-button:focus-visible { background-color: var(--e-global-color-polime2) !important; border-color: var(--e-global-color-polime2) !important; color: var(--e-global-color-bd6302b) !important; }
.po-hdr-btn .elementor-button { padding: 14px 20px; }   /* the header's Kom langs: a step smaller (design .hd .btn) */

/* 5 TEXT LINKS — not buttons: a Text widget with class po-link (po-link--light on night). Line under it + arrow from here. */
.po-link p { margin: 0; }
.po-link a, .po-link a:hover { display: inline-flex; align-items: center; gap: 10px; padding-bottom: 4px; border-bottom: 1.5px solid currentColor; color: inherit; text-decoration: none; }   /* the colour is the widget's own (petrol, lime on night) */
.po-link a::after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; width: 1em; transition: transform .25s cubic-bezier(.2, .7, .2, 1); }
.po-link a:hover::after { transform: translateX(4px); }

/* 6 SMALL PIECES of the design */
.po-tape { height: 22px; color: var(--e-global-color-accent); border-bottom: 1px solid currentColor; opacity: .9;
  background: repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 60px) bottom left / 100% 22px no-repeat,
              repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 12px) bottom left / 100% 10px no-repeat; }   /* the tape-measure line (Tuigjes) */
.po-dots i { font-style: normal; color: var(--e-global-color-poblue); padding: 0 .08em; }   /* the blue dots between the complaints */
.po-big .elementor-heading-title { display: flex; align-items: baseline; gap: 12px; }
.po-big .elementor-heading-title small { font: 500 17px/1 "Instrument Sans", sans-serif; color: var(--e-global-color-pomuted); letter-spacing: 0; }
.po-hours table { width: 100%; border-collapse: collapse; margin: 0; }
.po-hours td { padding: 5px 0; border: 0; background: none !important; }
.po-hours td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.po-hours--rows td { padding: 12px 0; border-bottom: 1px solid var(--e-global-color-poline); }
.po-hours--rows td:first-child { font-family: "Young Serif", Georgia, serif; color: var(--e-global-color-secondary); }
.elementor-widget-text-editor .po-hours table tbody > tr:nth-child(odd) > td { background: none; }
.po-ass-row .elementor-icon { transition: background-color .25s, color .25s, border-color .25s; }
.po-ass-row:hover .elementor-icon { background-color: var(--e-global-color-primary) !important; border-color: var(--e-global-color-primary) !important; color: var(--e-global-color-pocream) !important; }
.po-ass-row:hover .elementor-icon i, .po-ass-row:hover .elementor-icon svg { color: var(--e-global-color-pocream) !important; fill: var(--e-global-color-pocream) !important; }
.po-ass-row:hover .elementor-heading-title { color: var(--e-global-color-primary); }

/* 7 BLOG CARDS (loop items) — soft hover: the photo zooms a little, the title gets the menu's line */
.po-card .elementor-widget-theme-post-featured-image, .po-card .po-ph { overflow: hidden; border-radius: 8px; }
.po-card img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.po-card .elementor-widget-theme-post-featured-image a { display: block; }
.po-card .elementor-widget-theme-post-featured-image img { width: 100% !important; }   /* the photo fills its card (a base rule set width:auto) */
.po-card:hover img { transform: scale(1.04); }
.po-card .elementor-heading-title a { background: linear-gradient(var(--e-global-color-primary), var(--e-global-color-primary)) 0 100% / 0 2px no-repeat;
  padding-bottom: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .4s cubic-bezier(.2, .7, .2, 1); }
.po-card:hover .elementor-heading-title a { background-size: 100% 2px; }
.po-card .po-more { margin-top: auto; }
.po-meta .elementor-icon-list-item:not(:last-child)::after { border-color: var(--e-global-color-poblue) !important; }
.po-new { display: inline-flex; align-items: center; gap: 7px; }
/* page numbers: the same line under the current page */
.po-pages .elementor-pagination .page-numbers { position: relative; display: inline-flex; min-width: 44px; height: 44px; align-items: center; justify-content: center; text-decoration: none; }
.po-pages .elementor-pagination .page-numbers.current::after, .po-pages .elementor-pagination a.page-numbers:hover::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 2px; background: var(--e-global-color-primary); }

/* 8 THE BLOG POST TEXT (Post Content widget) — the article's own styles */
.po-post-content > .elementor-widget-container > p:first-child, .po-post-content .po-intro { font-family: "Young Serif", Georgia, serif; font-size: clamp(20px, 1.6vw, 22px); line-height: 1.55; color: var(--e-global-color-secondary); margin-bottom: 36px; }
.po-post-content p { margin: 0 0 22px; }
.po-post-content h2 { font-family: "Young Serif", Georgia, serif; font-weight: 400; font-size: clamp(23px, 2.2vw, 29px); line-height: 1.2; color: var(--e-global-color-secondary); margin: 56px 0 20px; }
.po-post-content ul { list-style: none; padding: 0; margin: 0 0 22px; }
.po-post-content ul li { position: relative; padding: 6px 0 6px 28px; }
.po-post-content ul li::before { content: ""; position: absolute; left: 4px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--e-global-color-poblue); }
.po-post-content blockquote { margin: 56px 0; padding: 0; border: 0; font-family: "Young Serif", Georgia, serif; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.3; color: var(--e-global-color-primary); }
.po-post-content blockquote::before { content: "\201C"; display: block; font-size: 64px; line-height: .6; height: 30px; color: var(--e-global-color-poblue); }
.po-post-content blockquote p { margin: 0; }
.po-post-content figure { margin: 56px -150px; }
.po-post-content figure img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; border-radius: 8px; }
.po-post-content figcaption { margin-top: 12px; font-size: 14px; color: var(--e-global-color-pomuted); }
@media (max-width: 1024px) { .po-post-content figure { margin: 48px 0; } }

/* 9 CONTACT FORM — fields on linen, as the design */
.po-form .elementor-field-group .elementor-field { background-color: var(--e-global-color-polinen) !important; border: 1.5px solid transparent !important; border-radius: 6px !important; }
.po-form .elementor-field-group .elementor-field:focus { border-color: var(--e-global-color-primary) !important; box-shadow: none !important; }
.po-form .elementor-field-type-acceptance label a { color: var(--e-global-color-primary); }

/* 10 LINKS IN TEXT take the text's own colour (petrol on linen, cream on night …); a line on hover */
.elementor-widget-text-editor a { color: inherit; text-decoration: none; }
.elementor-widget-text-editor a:hover { text-decoration: underline; text-underline-offset: 3px; }
.po-crumb a { font-weight: 600; }
.po-ftr-contact p { margin: 0 0 4px; }

/* 11 SMALL MARKS — the hero's lime line, the article's blue numbers, list dots, the quote */
.po-where .elementor-heading-title { display: flex; align-items: center; gap: 10px; }
.po-where .elementor-heading-title::before { content: ""; width: 28px; height: 2px; background: var(--e-global-color-accent); flex: none; }
.po-n { font-size: .6em; color: var(--e-global-color-poblue); margin-right: 20px; }
.po-ul { list-style: none; padding: 0; margin: 0; }
.po-ul li { position: relative; padding: 6px 0 6px 28px; }
.po-ul li::before { content: ""; position: absolute; left: 4px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--e-global-color-poblue); }
.po-quote blockquote { margin: 0; padding: 0; border: 0; font-style: normal; }
.po-quote blockquote::before { content: "\201C"; display: block; font-size: 64px; line-height: .6; height: 30px; color: var(--e-global-color-poblue); }
.po-quote blockquote p { margin: 0; }
.po-arr .elementor-icon { border-color: var(--e-global-color-poline) !important; }

/* 12 BLOG META — category in petrol (lime on night), date quiet; "Nieuw" only on the newest card of page 1 */
.po-meta .elementor-post-info__terms-list, .po-meta .elementor-post-info__terms-list a { color: var(--e-global-color-primary); font-weight: 600; }
.po-meta--light .elementor-post-info__terms-list, .po-meta--light .elementor-post-info__terms-list a { color: var(--e-global-color-accent); }
.po-new { display: none; }
.po-new .elementor-heading-title { display: inline-flex; align-items: center; gap: 7px; }
.po-new .elementor-heading-title::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--e-global-color-accent); box-shadow: 0 0 0 3px rgba(168, 232, 54, .3); }
body:not(.paged) .po-blog-grid .e-loop-item:nth-child(1 of .e-loop-item) .po-new { display: block; }
.po-card { height: 100%; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Young Serif';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://pets-only.inthedemo.com/wp-content/uploads/2026/10/young-serif-latin-400-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://pets-only.inthedemo.com/wp-content/uploads/2026/10/instrument-sans-latin-wght-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://pets-only.inthedemo.com/wp-content/uploads/2026/10/instrument-sans-latin-wght-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://pets-only.inthedemo.com/wp-content/uploads/2026/10/instrument-sans-latin-wght-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */