/* WOLF_CORECARE_BRAND_V11 */

:root {
  --cc-theme: #DDE8DC;
  --cc-dark: #142019;
  --cc-ivory: #F5F2EA;
  --cc-sage: #81927D;
}

/*
  CORE CARE RESPONSIVE BRAND CONTRACT
  PHONE -> TABLET -> LAPTOP -> DESKTOP
*/

.logo.cc-official-brand {
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  text-decoration:none;
}

.cc-official-logo {
  display:block;
  width:auto;
  height:auto;
  max-height:52px;
  max-width:min(190px,50vw);
  object-fit:contain;
  object-position:left center;
}

@media (min-width:600px) {
  .cc-official-logo {
    max-height:58px;
    max-width:210px;
  }
}

@media (min-width:1024px) {
  .cc-official-logo {
    max-height:62px;
    max-width:230px;
  }
}

@media (min-width:1440px) {
  .cc-official-logo {
    max-height:66px;
    max-width:245px;
  }
}

.top {
  border-color:rgba(20,32,25,.10);
}

::selection {
  background:#DDE8DC;
  color:#142019;
}


/* ==========================================================
   WOLF_CORECARE_LOGO_POLISH_V14

   OFFICIAL LOGO BYTES REMAIN UNCHANGED.
   THIS LAYER ONLY IMPROVES VISUAL PRESENTATION.
   ========================================================== */

.logo.cc-official-brand {
    position: relative;

    padding: 4px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(245,242,234,.96),
            rgba(238,233,222,.72)
        );

    border:
        1px solid
        rgba(20,32,25,.07);

    box-shadow:
        0 8px 24px rgba(20,32,25,.065),
        0 2px 6px rgba(20,32,25,.035),
        inset 0 1px 0 rgba(255,255,255,.82);

    overflow: hidden;

    isolation: isolate;
}

.logo.cc-official-brand::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    border-radius: inherit;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.20);
}

.cc-official-logo {
    position: relative;
    z-index: 1;

    border-radius: 14px;

    box-shadow:
        0 1px 3px
        rgba(20,32,25,.035);
}


/* PHONE */
@media (max-width: 599px) {

    .logo.cc-official-brand {
        padding: 3px;

        border-radius: 16px;

        box-shadow:
            0 6px 18px rgba(20,32,25,.06),
            0 1px 4px rgba(20,32,25,.03),
            inset 0 1px 0 rgba(255,255,255,.78);
    }

    .cc-official-logo {
        border-radius: 13px;
    }
}


/* TABLET */
@media (min-width: 600px) and (max-width: 1023px) {

    .logo.cc-official-brand {
        padding: 4px;
        border-radius: 18px;
    }

    .cc-official-logo {
        border-radius: 14px;
    }
}


/* LAPTOP */
@media (min-width: 1024px) and (max-width: 1439px) {

    .logo.cc-official-brand {
        padding: 5px;
        border-radius: 19px;
    }

    .cc-official-logo {
        border-radius: 14px;
    }
}


/* DESKTOP */
@media (min-width: 1440px) {

    .logo.cc-official-brand {
        padding: 5px;

        border-radius: 20px;

        box-shadow:
            0 10px 28px rgba(20,32,25,.07),
            0 2px 7px rgba(20,32,25,.035),
            inset 0 1px 0 rgba(255,255,255,.82);
    }

    .cc-official-logo {
        border-radius: 15px;
    }
}


/* WOLF_CORECARE_KINGDOM_V42_CSS */

.cc-kingdom-shell {
    max-width: 1120px;
}

.cc-kingdom-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1.2rem;
    font-size: .88rem;
    opacity: .78;
}

.cc-kingdom-answer {
    margin-top: 1.5rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid rgba(20,32,25,.12);
    border-radius: 18px;
    background: rgba(255,255,255,.46);
}

.cc-kingdom-answer strong {
    display: block;
    margin-bottom: .45rem;
}

.cc-kingdom-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.4rem;
}

.cc-kingdom-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1rem;
}

.cc-kingdom-card,
.cc-kingdom-qa,
.cc-kingdom-disclaimer {
    padding: 1.25rem;
    border: 1px solid rgba(20,32,25,.10);
    border-radius: 20px;
    background: rgba(255,255,255,.38);
}

.cc-kingdom-card h2,
.cc-kingdom-qa h3 {
    margin-top: .25rem;
}

.cc-kingdom-qa-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.cc-kingdom-related,
.cc-kingdom-sources {
    display: grid;
    gap: .6rem;
    padding-left: 1.1rem;
}

.cc-kingdom-note {
    margin-top: 1rem;
    font-size: .94rem;
    opacity: .82;
}

.cc-kingdom-link-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .7rem;
    margin-top: 1rem;
}

.cc-kingdom-link-grid a {
    display: block;
    padding: .85rem .95rem;
    border: 1px solid rgba(20,32,25,.10);
    border-radius: 16px;
    text-decoration: none;
}

@media (max-width: 980px) {
    .cc-kingdom-link-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .cc-kingdom-qa-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    .cc-kingdom-grid,
    .cc-kingdom-qa-grid,
    .cc-kingdom-link-grid {
        grid-template-columns: 1fr;
    }

    .cc-kingdom-card,
    .cc-kingdom-qa,
    .cc-kingdom-disclaimer,
    .cc-kingdom-answer {
        padding: 1rem;
        border-radius: 16px;
    }

    .cc-kingdom-actions {
        flex-direction: column;
    }

    .cc-kingdom-actions .btn {
        width: 100%;
        text-align: center;
    }
}