.elementor-kit-108{--e-global-color-primary:#F7F9FC;--e-global-color-secondary:#041528;--e-global-color-accent:#C0151B;--e-global-color-text:#EAEDF1;--e-global-color-53b22cb:#D3DAE6;--e-global-color-8dd64a2:#FFFFFF;--e-global-color-f6bbb35:#3D4551;--e-global-color-12f65c6:#1F2D3D;--e-global-color-d39cfa6:#505A62;--e-global-color-6bd4675:#AEB4BC;--e-global-color-a7f44c6:#A21116;--e-global-color-9084ca5:#059669;--e-global-color-4a46c16:#B91C1C;--e-global-color-8a15cd1:#DA7979;--e-global-typography-primary-font-family:"IBM Plex Sans";--e-global-typography-primary-font-size:clamp(2.1250rem, calc(1.2866rem + 1.2195vw), 2.7500rem);--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0.2px;--e-global-typography-secondary-font-family:"IBM Plex Sans";--e-global-typography-secondary-font-size:clamp(1.7500rem, calc(1.2470rem + 0.7317vw), 2.1250rem);--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-secondary-letter-spacing:0.15px;--e-global-typography-text-font-family:"IBM Plex Sans";--e-global-typography-text-font-size:clamp(1.3750rem, calc(1.0396rem + 0.4878vw), 1.6250rem);--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:1.3em;--e-global-typography-text-letter-spacing:0.1px;--e-global-typography-accent-font-family:"IBM Plex Sans";--e-global-typography-accent-font-size:clamp(1.25rem, calc(1.0396rem + 0.4878vw), 1.375rem);--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:0.1px;--e-global-typography-89289fe-font-family:"Inter";--e-global-typography-89289fe-font-size:clamp(1.0000rem, calc(0.9162rem + 0.1220vw), 1.0625rem);--e-global-typography-89289fe-line-height:1.5em;--e-global-typography-f3fce12-font-family:"Inter";--e-global-typography-f3fce12-font-size:clamp(1.1250rem, calc(0.9573rem + 0.2439vw), 1.2500rem);--e-global-typography-f3fce12-line-height:1.5em;--e-global-typography-c8fa06d-font-family:"Inter";--e-global-typography-c8fa06d-font-size:clamp(0.8750rem, calc(0.7912rem + 0.1220vw), 0.9375rem);--e-global-typography-c8fa06d-line-height:1.5em;--e-global-typography-bcfed85-font-family:"Inter";--e-global-typography-bcfed85-font-size:clamp(0.9375rem, calc(0.85rem + 0.1220vw), 1rem);--e-global-typography-bcfed85-font-weight:700;--e-global-typography-bcfed85-text-transform:uppercase;--e-global-typography-bcfed85-line-height:1.25em;--e-global-typography-bcfed85-letter-spacing:0.3px;color:var( --e-global-color-secondary );}.elementor-kit-108 button,.elementor-kit-108 input[type="button"],.elementor-kit-108 input[type="submit"],.elementor-kit-108 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:clamp(1.0000rem, calc(0.9162rem + 0.1220vw), 1.0625rem);font-weight:600;line-height:1.5em;color:var( --e-global-color-8dd64a2 );border-radius:8px 8px 8px 8px;padding:12px 24px 12px 24px;}.elementor-kit-108 button:hover,.elementor-kit-108 button:focus,.elementor-kit-108 input[type="button"]:hover,.elementor-kit-108 input[type="button"]:focus,.elementor-kit-108 input[type="submit"]:hover,.elementor-kit-108 input[type="submit"]:focus,.elementor-kit-108 .elementor-button:hover,.elementor-kit-108 .elementor-button:focus{background-color:var( --e-global-color-a7f44c6 );color:var( --e-global-color-text );}.elementor-kit-108 a{color:var( --e-global-color-secondary );}.elementor-kit-108 h1{color:var( --e-global-color-secondary );}.elementor-kit-108 h2{color:var( --e-global-color-secondary );}.elementor-kit-108 h3{color:var( --e-global-color-secondary );}.elementor-kit-108 h4{color:var( --e-global-color-secondary );}.elementor-kit-108 h5{color:var( --e-global-color-secondary );}.elementor-kit-108 label{color:var( --e-global-color-secondary );}.elementor-kit-108 input:not([type="button"]):not([type="submit"]),.elementor-kit-108 textarea,.elementor-kit-108 .elementor-field-textual{color:var( --e-global-color-secondary );}.elementor-kit-108 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-108 textarea:focus,.elementor-kit-108 .elementor-field-textual:focus{color:var( --e-global-color-primary );background-color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:80px;--container-default-padding-right:0px;--container-default-padding-bottom:80px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:64px;--container-default-padding-right:24px;--container-default-padding-bottom:64px;--container-default-padding-left:24px;}}@media(max-width:767px){.elementor-kit-108{--e-global-typography-primary-font-size:clamp(1.6250rem, calc(0.5000rem + 5.0000vw), 1.8750rem);--e-global-typography-secondary-font-size:clamp(1.5rem, calc(0.3750rem + 5.0000vw), 1.75rem);--e-global-typography-secondary-line-height:1.25em;--e-global-typography-secondary-letter-spacing:0.15px;--e-global-typography-text-font-size:clamp(1.2500rem, calc(0.6875rem + 2.5000vw), 1.3750rem);--e-global-typography-accent-font-size:clamp(1.0625rem, calc(0.7812rem + 1.2500vw), 1.1250rem);--e-global-typography-89289fe-font-size:clamp(0.9375rem, calc(0.6562rem + 1.2500vw), 1.0000rem);--e-global-typography-f3fce12-font-size:clamp(1.0625rem, calc(0.7812rem + 1.2500vw), 1.1250rem);--e-global-typography-c8fa06d-font-size:clamp(0.8125rem, calc(0.5312rem + 1.2500vw), 0.8750rem);--e-global-typography-bcfed85-font-size:clamp(0.8125rem, calc(0.5312rem + 1.2500vw), 0.8750rem);}.elementor-kit-108 button,.elementor-kit-108 input[type="button"],.elementor-kit-108 input[type="submit"],.elementor-kit-108 .elementor-button{font-size:clamp(0.9375rem, calc(0.6562rem + 1.2500vw), 1.0000rem);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:48px;--container-default-padding-right:24px;--container-default-padding-bottom:48px;--container-default-padding-left:24px;}}/* Start custom CSS */:root {
  --adonis-pattern-size: 420px auto;
  --adonis-pattern-position: center top;
  --adonis-pattern-opacity: 0.03;
  --adonis-divider-height: 100px;
}

/* Hero section needs to sit above the following patterned section */
.hero-pattern-divider {
  position: relative !important;
  z-index: 2;
}

/* Make the original white SVG divider transparent */
.hero-pattern-divider .elementor-shape-bottom .elementor-shape-fill {
  fill: transparent !important;
}

/* Keep the divider area active */
.hero-pattern-divider .elementor-shape-bottom {
  height: var(--adonis-divider-height) !important;
  z-index: 3;
}

.bg-pattern {
  position: relative !important;
  z-index: 1;
  isolation: isolate;
  overflow: hidden;
  background-color: #FFFFFF !important;

  margin-top: -80px;
  padding-top: 80px;

  clip-path: polygon(
    0 0,
    66% 10%,
    100% 0,
    100% 100%,
    0 100%
  );
}

/* Pattern layer */
.bg-pattern::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background-color: #041528;
  opacity: var(--adonis-pattern-opacity);

  -webkit-mask-image: url("https://adonis-pharma.hr/wp-content/uploads/2026/06/Vector.svg");
  mask-image: url("https://adonis-pharma.hr/wp-content/uploads/2026/06/Vector.svg");

  -webkit-mask-size: var(--adonis-pattern-size);
  mask-size: var(--adonis-pattern-size);

  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;

  -webkit-mask-position: var(--adonis-pattern-position);
  mask-position: var(--adonis-pattern-position);
}

.bg-pattern > * {
  position: relative;
  z-index: 1;
}

@media (max-width:479px) {
    .bg-pattern {
  position: relative !important;
  z-index: 1;
  isolation: isolate;
  overflow: hidden;
  background-color: #FFFFFF !important;

  margin-top: -32px;
  padding-top: 48px;

  clip-path: polygon(
    0 0,
    66% 6%,
    100% 0,
    100% 100%,
    0 100%
  );
}
}

.bg-pattern-flat {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  background-color: #FFFFFF !important;
}

.bg-pattern-flat::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background-color: #041528;
  opacity: 0.035;

  -webkit-mask-image: url("https://adonis-pharma.hr/wp-content/uploads/2026/06/Vector.svg");
  mask-image: url("https://adonis-pharma.hr/wp-content/uploads/2026/06/Vector.svg");

  -webkit-mask-size: 420px auto;
  mask-size: 420px auto;

  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;

  -webkit-mask-position: center top;
  mask-position: center top;
}

.bg-pattern-flat > * {
  position: relative;
  z-index: 1;
}


/* ========== SHADOWS ========== */

.shadow-sm {
  box-shadow: 0 8px 24px rgba(4, 21, 40, 0.06);
  border-radius: 8px !important;
}

.shadow-md {
  box-shadow: 0 16px 40px rgba(4, 21, 40, 0.10);
}

.shadow-button {
  box-shadow: 0 8px 18px rgba(192, 21, 27, 0.22);
}

.shadow-hover {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.shadow-hover:hover {
  box-shadow: 0 16px 40px rgba(4, 21, 40, 0.10);
  transform: translateY(-2px);
}


/* =============== CATALOG CARDS ============= */

/* Catalogue category card */
.adonis-cat-card {
  position: relative;
  display: flex;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: #041528;

  background: #FFFFFF;
  border: 1.25px solid #D3DAE6;
  border-radius: 8px;
  gap: 16px;

  transition:
    transform 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease,
    color 260ms ease;
}

/* Left-to-right background sweep using BG Alt */
.adonis-cat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background: #EAEDF1;
  border-radius: inherit;
  transform: scaleX(0);
  transform-origin: left center;

  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* Accent line on hover */
.adonis-cat-card::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  z-index: 1;

  background: #C0151B;
  border-radius: 8px 0 0 8px;
  transform: translateX(-100%);

  transition: transform 300ms ease;
}

/* Keep card content above hover layer */
.adonis-cat-card > * {
  position: relative;
  z-index: 2;
}

/* Hover/focus state */
.adonis-cat-card:hover,
.adonis-cat-card:focus-visible {
  transform: translateY(-2px);
  border-color: #C0C7D5;
  box-shadow: 0 14px 32px rgba(4, 21, 40, 0.08);
  color: #041528;
  text-decoration: none;
}

.adonis-cat-card:hover::before,
.adonis-cat-card:focus-visible::before {
  transform: scaleX(1);
}

.adonis-cat-card:hover::after,
.adonis-cat-card:focus-visible::after {
  transform: translateX(0);
}

/* CTA text lights up */
.adonis-cat-card .adonis-cat-cta,
.adonis-cat-card .adonis-cat-cta * {
  transition: color 240ms ease;
}

.adonis-cat-card:hover .adonis-cat-cta,
.adonis-cat-card:hover .adonis-cat-cta *,
.adonis-cat-card:focus-visible .adonis-cat-cta,
.adonis-cat-card:focus-visible .adonis-cat-cta * {
  color: #C0151B;
}

/* Arrow moves right and turns red */
.adonis-cat-card .adonis-cat-arrow,
.adonis-cat-card .adonis-cat-arrow .elementor-icon,
.adonis-cat-card .adonis-cat-arrow svg,
.adonis-cat-card .adonis-cat-arrow i {
  transition:
    transform 240ms ease,
    color 240ms ease,
    fill 240ms ease;
}

.adonis-cat-card:hover .adonis-cat-arrow,
.adonis-cat-card:hover .adonis-cat-arrow .elementor-icon,
.adonis-cat-card:hover .adonis-cat-arrow i,
.adonis-cat-card:focus-visible .adonis-cat-arrow,
.adonis-cat-card:focus-visible .adonis-cat-arrow .elementor-icon,
.adonis-cat-card:focus-visible .adonis-cat-arrow i {
  color: #C0151B;
  transform: translateX(4px);
}

.adonis-cat-card:hover .adonis-cat-arrow svg,
.adonis-cat-card:focus-visible .adonis-cat-arrow svg {
  fill: #C0151B;
}

/* Divider becomes slightly stronger */
.adonis-cat-card .adonis-cat-divider .elementor-divider-separator {
  transition: border-color 240ms ease;
}

.adonis-cat-card:hover .adonis-cat-divider .elementor-divider-separator,
.adonis-cat-card:focus-visible .adonis-cat-divider .elementor-divider-separator {
  border-color: #C0C7D5 !important;
}

/* Thumbnail movement */
.adonis-cat-card .adonis-cat-thumb img {
  transition: transform 320ms ease;
}

.adonis-cat-card:hover .adonis-cat-thumb img,
.adonis-cat-card:focus-visible .adonis-cat-thumb img {
  transform: scale(1.045);
}

/* Keyboard focus */
.adonis-cat-card:focus-visible {
  outline: 2px solid #041528;
  outline-offset: 3px;
}



/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .adonis-cat-card,
  .adonis-cat-card::before,
  .adonis-cat-card::after,
  .adonis-cat-card *,
  .adonis-cat-card *::before,
  .adonis-cat-card *::after {
    transition: none !important;
  }

  .adonis-cat-card:hover,
  .adonis-cat-card:focus-visible {
    transform: none;
  }

  .adonis-cat-card:hover .adonis-cat-thumb img,
  .adonis-cat-card:focus-visible .adonis-cat-thumb img,
  .adonis-cat-card:hover .adonis-cat-arrow,
  .adonis-cat-card:focus-visible .adonis-cat-arrow {
    transform: none;
  }
}

/* ====================== INTERACTIONS ==================== */

/* Frontend animation state */
html.reveal-ready body:not(.elementor-editor-active) .reveal-block,
html.reveal-ready body:not(.elementor-editor-active) .reveal-item {
    opacity: 0;
    transform: translateY(18px);
    transition:
        opacity 0.55s ease,
        transform 0.55s ease;
    will-change: opacity, transform;
}

html.reveal-ready body:not(.elementor-editor-active) .reveal-block.is-visible,
html.reveal-ready body:not(.elementor-editor-active) .reveal-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* More subtle on mobile */
@media (max-width: 767px) {
    html.reveal-ready body:not(.elementor-editor-active) .reveal-block,
    html.reveal-ready body:not(.elementor-editor-active) .reveal-item {
        transform: translateY(8px);
        transition-duration: 0.4s;
    }

    html.reveal-ready body:not(.elementor-editor-active) .reveal-block.is-visible,
    html.reveal-ready body:not(.elementor-editor-active) .reveal-item.is-visible {
        transform: translateY(0);
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    html.reveal-ready body:not(.elementor-editor-active) .reveal-block,
    html.reveal-ready body:not(.elementor-editor-active) .reveal-item {
        opacity: 1;
        transform: none;
        transition: none;
    }
}


/* ========== LANGSWITCHER ======== */ 

.shaped-language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #041528;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--transition-base);
}

.shaped-language-switcher:hover,
.shaped-language-switcher:focus-visible {
    color: #c0151b;
}

.shaped-language-switcher__flag {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
}

@media (max-width: 1024px) {
    .shaped-language-switcher {
        font-size: 20px;
        color: #f7f9fc !important;
    }
}

@media (max-width: 767px) {
    .shaped-language-switcher {
        font-size: 18px;
    }
}/* End custom CSS */