/* src/styles/menu/logo_image_refined.css */
/* 한글 주석: 이미지 로고 전용 고급 스타일(상업용/최신) */

:root{
    /* 로고 너비와 딜레이는 JS 모듈에서 동적으로 업데이트 */
    --sdh-logo-w: clamp(150px, 16vw, 300px);
    --sdh-logo-delay: 90ms;
  }
  
  /* 링크 자체를 플렉스 컨테이너로 -> 항상 중앙 정렬 */
  .sdh-logo-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;       /* 밑줄 제거 */
    color: inherit;
    transform: translateZ(0);    /* 안티앨리어싱 보강 */
  }
  
  /* 실제 이미지 */
  .sdh-logo-img{
    width: var(--sdh-logo-w);
    height: auto;
    /* 상단 바 높이를 넘지 않도록 안전 장치 (header_dualrow.css의 --sdh-top-h 사용) */
    max-height: calc(var(--sdh-top-h) - 16px);
    /* 시간차 + 부드러운 이징 */
    transition:
      width 380ms var(--sdh-ease) var(--sdh-logo-delay),
      filter 380ms var(--sdh-ease) var(--sdh-logo-delay),
      transform 380ms var(--sdh-ease) var(--sdh-logo-delay);
    /* 고급스러운 미세 그림자 */
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));
    image-rendering: -webkit-optimize-contrast; /* WebKit 계열 가독성 보강 */
  }
  
  /* 헤더가 축소(스크롤 다운) 상태일 때, 살짝 더 컴팩트하게 보정 */
  .sdh-header.sdh--condensed .sdh-logo-img{
    transform: translateY(-1px) scale(0.96);
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.08));
  }
  
  /* 태블릿 */
  @media (max-width: 1024px){
    :root{
      --sdh-logo-w: clamp(128px, 22vw, 240px);
    }
  }
  
  /* 모바일 */
  @media (max-width: 600px){
    :root{
      --sdh-logo-w: clamp(120px, 40vw, 210px);
    }
  }