/* Craftlo v0.2.124
   Creator Details — professional public light profile treatment.
   Desktop/tablet only. Mobile storefront retains the platform's mobile design. */

/* Keep public header/footer exactly on the Craftlo copper palette. */
body.cl-theme-light.craftlo-public-light .cl-site-header,
body.cl-theme-light.craftlo-public-light .cl-header-inner{
  background:#c95833!important;
  border-color:#c95833!important;
}
body.cl-theme-light.craftlo-public-light .cl-header-inner,
body.cl-theme-light.craftlo-public-light .cl-header-inner a,
body.cl-theme-light.craftlo-public-light .cl-header-inner button,
body.cl-theme-light.craftlo-public-light .cl-header-inner .cl-brand-text,
body.cl-theme-light.craftlo-public-light .cl-header-inner .cl-brand-text span,
body.cl-theme-light.craftlo-public-light .cl-header-inner svg{
  color:#fff!important;
}
body.cl-theme-light.craftlo-public-light .cl-header-inner svg{
  stroke:currentColor!important;
}
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard){
  background:#c95833!important;
  border-color:#c95833!important;
  color:#fff!important;
}
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard),
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) h1,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) h2,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) h3,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) h4,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) p,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) span,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) small,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) a,
body.cl-theme-light.craftlo-public-light .cl-footer:not(.cl-footer--dashboard) svg{
  color:#fff!important;
}

/* Professional Creator Details profile surface — do not touch mobile mockup. */
@media (min-width:901px){

  body.cl-theme-light.craftlo-public-light .craftlo-store{
    --cstore-text:#4b342a!important;
    --cstore-muted:#7a655b!important;
    --cstore-line:rgba(90,54,41,.12)!important;
    --cstore-soft:rgba(90,54,41,.045)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-shell{
    width:min(1320px,calc(100% - 56px))!important;
    margin:-72px auto 30px!important;
    padding:18px 18px 0!important;
    border-radius:28px!important;
    background:#c95833!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.20)!important;
    box-shadow:
      0 24px 58px rgba(91,43,27,.18),
      0 1px 0 rgba(255,255,255,.30) inset!important;
    overflow:hidden!important;
  }

  /* Remove the old white rectangle completely. */
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-card{
    display:grid!important;
    grid-template-columns:124px minmax(0,1fr) minmax(210px,235px)!important;
    gap:22px!important;
    align-items:center!important;
    padding:22px!important;
    margin:0!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:
      linear-gradient(135deg,rgba(111,43,24,.16),rgba(255,255,255,.08))!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-photo{
    width:118px!important;
    height:118px!important;
    margin:0!important;
    border:4px solid rgba(255,255,255,.92)!important;
    background:#fff!important;
    box-shadow:0 14px 32px rgba(82,31,17,.20)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy{
    padding-top:0!important;
    min-width:0!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-mobile-summary-row{
    display:block!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-title{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0 0 7px!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-title h1{
    color:#fff!important;
    font-size:clamp(1.9rem,2.5vw,2.45rem)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    margin:0!important;
    text-shadow:0 2px 10px rgba(76,24,11,.12)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-verified{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    background:#fff!important;
    color:#c95833!important;
    box-shadow:0 4px 12px rgba(77,24,11,.15)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-meta{
    display:block!important;
    margin:0 0 5px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:.76rem!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-presence{
    display:inline-flex!important;
    align-items:center!important;
    margin:0 0 7px!important;
    color:#fff!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-presence .cl-creator-presence{
    color:#fff!important;
    font-size:.76rem!important;
    font-weight:750!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tagline{
    margin-top:2px!important;
    color:#fff!important;
    font-size:.94rem!important;
    line-height:1.5!important;
    font-weight:700!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-location{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-top:7px!important;
    color:rgba(255,255,255,.82)!important;
    font-size:.82rem!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-stats{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    margin-top:8px!important;
    color:#fff!important;
    font-size:.8rem!important;
    font-weight:750!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy>p{
    display:block!important;
    max-width:760px!important;
    margin:12px 0 0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:.9rem!important;
    line-height:1.65!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-desktop-follow{
    margin-top:14px!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy .cl-follow-row,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy .cl-follow-form{
    color:#fff!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy .cl-follow-btn{
    min-height:38px!important;
    border-radius:10px!important;
    padding:8px 15px!important;
    background:#fff!important;
    border:1px solid #fff!important;
    color:#c95833!important;
    font-weight:850!important;
    box-shadow:0 8px 18px rgba(82,31,17,.12)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy .cl-follow-btn:hover{
    transform:translateY(-1px)!important;
    background:#fff7f3!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-socials{
    margin:13px 0 0!important;
    gap:8px!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square{
    width:38px!important;
    height:38px!important;
    border-radius:10px!important;
    box-shadow:0 7px 18px rgba(82,31,17,.16)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-actions{
    align-self:center!important;
    padding-top:0!important;
    display:grid!important;
    gap:9px!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-action{
    width:100%!important;
    min-height:42px!important;
    padding:10px 13px!important;
    border-radius:11px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:.78rem!important;
    font-weight:850!important;
    box-shadow:none!important;
    backdrop-filter:blur(8px)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-action:hover{
    transform:translateY(-1px)!important;
    background:#fff!important;
    border-color:#fff!important;
    color:#c95833!important;
    box-shadow:0 10px 24px rgba(82,31,17,.14)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-action.primary{
    background:#fff!important;
    border-color:#fff!important;
    color:#c95833!important;
  }

  /* Tabs become a deliberate navigation bar, not loose text on a copper strip. */
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs{
    position:relative!important;
    top:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:60px!important;
    margin:12px 0 0!important;
    padding:9px 8px 10px!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
    border-bottom:0!important;
    background:transparent!important;
    overflow-x:auto!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs button,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs a{
    position:relative!important;
    min-height:38px!important;
    padding:0 16px!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    background:transparent!important;
    color:rgba(255,255,255,.72)!important;
    font-size:.78rem!important;
    font-weight:850!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs button:hover,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs a:hover{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs button.is-active,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs a.is-active{
    color:#c95833!important;
    background:#fff!important;
    border-color:#fff!important;
    box-shadow:0 6px 16px rgba(82,31,17,.10)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs button.is-active:after,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-tabs a.is-active:after{
    display:none!important;
    content:none!important;
  }

  /* Content below the profile shell remains a clean light storefront. */
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-section,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-article{
    color:#4b342a!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-shell + .cstore-section{
    margin-top:0!important;
  }
}

/* Keep platform's dedicated mobile creator layout intact. */
@media (max-width:900px){
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-shell{
    background:var(--cstore-bg)!important;
    color:var(--cstore-text)!important;
  }
}


/* v0.2.125 — Creator profile readability + real social logo visibility fixes */
@media (min-width:901px){
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-desktop-follow .cl-follow-row,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-desktop-follow .cl-follow-form{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-desktop-follow small,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy .cl-follow-row small,
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-copy .cl-follow-form small{
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.26)!important;
    color:#fff!important;
    font-size:.82rem!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    line-height:1!important;
    opacity:1!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-socials{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    text-decoration:none!important;
    overflow:hidden!important;
    box-shadow:0 8px 20px rgba(82,31,17,.14)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    color:currentColor!important;
    fill:currentColor!important;
    stroke:currentColor!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square.social-instagram{
    background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 55%,#fcb045 100%)!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#fff!important;
  }
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square.social-tiktok{
    background:#0f0f10!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#fff!important;
  }
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square.social-tokopedia{
    background:#03ac0e!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#fff!important;
  }
  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square.social-youtube{
    background:#ff0033!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#fff!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-social-square:hover{
    transform:translateY(-1px)!important;
    filter:saturate(1.04) brightness(1.02)!important;
    box-shadow:0 12px 24px rgba(82,31,17,.18)!important;
  }

  body.cl-theme-light.craftlo-public-light .craftlo-store .cstore-profile-action span[aria-hidden="true"]{
    color:currentColor!important;
    opacity:1!important;
  }
}