/* 和三盆クッキー（#ohama-wasanbon）— こちらで足した見た目（手で直す。wasanbon.css は tools/import_wasanbon.py が作るので触らない。D-211） */

/* 渡された CSS は Tailwind の土台（余白・枠線の打ち消しなど）の上に書かれている。土台は捨てたので、使っている分だけを外枠の中に
   （:where で軽くして、渡された CSS の決まりが必ず勝つようにする） */
#ohama-wasanbon :where(*,::before,::after){border:0 solid;margin:0;padding:0}
#ohama-wasanbon :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit}  /* 共通の site.css の見出しの決まり（明朝など）も打ち消す */
#ohama-wasanbon :where(a){color:inherit;text-decoration:inherit}
#ohama-wasanbon :where(b,strong){font-weight:bolder}
#ohama-wasanbon :where(small){font-size:80%}
#ohama-wasanbon :where(table){text-indent:0;border-color:inherit;border-collapse:collapse}
#ohama-wasanbon :where(ol,ul,menu){list-style:none}
#ohama-wasanbon :where(img,svg,video,canvas){display:block;vertical-align:middle}
#ohama-wasanbon :where(img,video){max-width:100%;height:auto}
#ohama-wasanbon :where(button,input,select,textarea){font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;opacity:1}
#ohama-wasanbon :where(summary){display:list-item}
#ohama-wasanbon [hidden]:where(:not([hidden=until-found])){display:none!important}
/* 読み上げだけの文字（渡された版は Tailwind の sr-only） */
#ohama-wasanbon .ws-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 共通シェルのヘッダーの高さ（渡された版は自前の共通ヘッダー 78px を前提にした --academy-header-height） */
#ohama-wasanbon{--academy-header-height:var(--header-h)}
html:has(#ohama-wasanbon){scroll-padding-top:calc(var(--header-h) + 22px)}

/* 味のタブ（渡された版は Radix＋Tailwind の部品。HTML に書き出したので、土台の形をここで。色・線は wasanbon.css の決まりが勝つ） */
#ohama-wasanbon .ws-flavor-tabs{display:flex;flex-direction:column}
#ohama-wasanbon .ws-flavor-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border:1px solid transparent;color:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#ohama-wasanbon .ws-flavor-tab:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
#ohama-wasanbon .ws-flavor-panel:focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* 開閉（よくある質問・レビューの内訳） */
#ohama-wasanbon .ws-accordion-item{border-bottom:1px solid var(--line)}
#ohama-wasanbon .ws-accordion-item:last-child{border-bottom:0}
#ohama-wasanbon .ws-accordion-heading{display:flex}
#ohama-wasanbon [data-slot=accordion-trigger]{display:flex;flex:1;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;padding:16px 0;font-size:14px;font-weight:500;text-align:left;cursor:pointer}
#ohama-wasanbon [data-slot=accordion-trigger]:hover{text-decoration:underline}
#ohama-wasanbon [data-slot=accordion-trigger]>svg{flex-shrink:0;width:16px;height:16px;color:var(--muted);transform:translateY(2px);transition:transform .2s}
#ohama-wasanbon [data-slot=accordion-trigger][aria-expanded=true]>svg{transform:translateY(2px) rotate(180deg)}
#ohama-wasanbon .ws-accordion-body{padding-bottom:16px}

/* スマホの下の案内は、購入の章・ほかの特集・NEXT STORY・共通フッターが見えている間は隠す（wasanbon.js が ws-is-hidden を付ける） */
#ohama-wasanbon .ws-mobile-order{transition:transform .3s ease,opacity .3s ease}
#ohama-wasanbon .ws-mobile-order.ws-is-hidden{transform:translateY(110%);opacity:0;pointer-events:none}