/* Tooshopy Decor: picks box, product cards, glance box, pin button. Uses theme tokens with fallbacks. */

/* Shop the look */
.tsd-picks { margin: 2em 0; padding: clamp(18px, 3vw, 26px); background: #fff; border: 1px solid var(--t-line, #e4d9cb); border-radius: var(--t-radius, 18px); }
.tsd-picks__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-bottom: 18px; }
.tsd-picks .tsd-picks__title { margin: 0 !important; font: 500 1.45rem/1.2 var(--t-font-head, Georgia, serif); }
.tsd-picks__note { color: var(--t-sage, #7a8b6f); font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.tsd-picks__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px; }
.tsd-pick { display: flex; flex-direction: column; gap: 6px; }
.tsd-pick__media { position: relative; margin: 0 0 4px !important; overflow: hidden; aspect-ratio: 1; background: var(--t-sand, #efe6da); border-radius: 12px; }
.tsd-pick__media img { width: 100%; height: 100%; object-fit: contain; border-radius: 0 !important; background: #fff; }
.tsd-pick__credit { position: absolute; right: 6px; bottom: 6px; margin: 0 !important; padding: 2px 6px; background: rgba(255, 255, 255, .88); border-radius: 4px; font-size: .62rem !important; line-height: 1.3; }
.tsd-pick__credit a { color: var(--t-muted, #6f655d); }
.tsd-pick__num { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--t-accent-soft, #f6e4da); color: var(--t-accent, #b4583a); font-weight: 700; }
.tsd-pick__name { font-size: 1rem; line-height: 1.3; }
.tsd-pick__name a { color: var(--t-ink, #2b211c); text-decoration: none; }
.tsd-pick__name a:hover { color: var(--t-accent, #b4583a); text-decoration: underline; }
.tsd-pick__why { color: var(--t-muted, #6f655d); font-size: .9rem; line-height: 1.45; }
.tsd-btn { display: inline-flex; align-items: center; justify-content: center; margin-top: auto; min-height: 42px; padding: 9px 16px; border-radius: 999px; background: var(--t-accent, #b4583a); color: #fff !important; font-size: .9rem; font-weight: 600; text-decoration: none !important; }
.tsd-btn:hover { background: var(--t-accent-dark, #8f4229); }

/* Product card pattern */
.tsd-product { margin: 2em 0; padding: clamp(16px, 3vw, 24px); background: #fff; border: 1px solid var(--t-line, #e4d9cb); border-radius: var(--t-radius, 18px); }
.tsd-product .wp-block-columns { margin: 0; gap: clamp(16px, 3vw, 28px); }
.tsd-product figure { margin: 0 !important; }
.tsd-product .wp-block-image img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #fff; }
.tsd-product .tsd-product__badge { display: inline-block; margin: 0 0 8px; padding: 4px 12px; background: var(--t-sage-soft, #e7ece1); border-radius: 999px; color: var(--t-sage, #5f6f55); font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.tsd-product .tsd-product__name { margin: 0 0 8px !important; font-size: 1.35rem; }
.tsd-product .tsd-product__name a { color: var(--t-ink, #2b211c); text-decoration: none; }
.tsd-product .tsd-product__name a:hover { color: var(--t-accent, #b4583a); }
.tsd-product .tsd-product__points { margin-bottom: 14px; font-size: .95rem; }
.tsd-product .wp-block-buttons { margin: 0; }
.tsd-amazon .wp-block-button__link { padding: 11px 22px; border-radius: 999px; background: var(--t-accent, #b4583a); color: #fff; font-weight: 600; font-size: .95rem; }
.tsd-amazon .wp-block-button__link:hover { background: var(--t-accent-dark, #8f4229); }

/* The look at a glance */
.tsd-glance { margin: 1.8em 0; padding: 18px 22px; background: var(--t-accent-soft, #f6e4da); border-radius: var(--t-radius, 18px); }
.tsd-glance .tsd-glance__label { margin: 0 0 8px; color: var(--t-accent, #b4583a); font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.tsd-glance ul { margin: 0; padding-left: 1.1em; }
.tsd-glance li { margin-bottom: 4px; }

/* Pinterest hover button */
.tsd-pin-hover { position: absolute; z-index: 40; padding: 8px 14px; border-radius: 999px; background: #e60023; color: #fff !important; font: 700 .85rem/1 system-ui, sans-serif; text-decoration: none !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .2); }
.tsd-pin-hover:hover { background: #ad081b; }

/* Cottage style (Tooshopy theme 2): cream panels, script titles, square uppercase buttons. */
.tsd-picks { background: var(--t-cream, #fff8ef); border: 0; text-align: center; }
.tsd-picks__head { justify-content: center; flex-direction: column; align-items: center; gap: 2px; }
.tsd-picks .tsd-picks__title { font: 400 2rem/1.15 var(--t-font-script, cursive) !important; color: var(--t-brand, #33507e); }
.tsd-pick { align-items: center; padding: 18px 14px; background: #fff; border-radius: 18px; }
.tsd-pick__name { font: 600 1.2rem/1.25 var(--t-font-head, Georgia, serif); }
.tsd-pick__num { background: var(--t-cream-2, #f8f2e9); color: var(--t-brand, #33507e); }
.tsd-btn, .tsd-amazon .wp-block-button__link { border-radius: 0 !important; background: var(--t-brand, #33507e); font-size: .7rem !important; font-weight: 500 !important; letter-spacing: .18em; text-transform: uppercase; }
.tsd-btn:hover, .tsd-amazon .wp-block-button__link:hover { background: var(--t-brand-dark, #253c61); }
.tsd-product { background: var(--t-cream, #fff8ef); border: 0; }
.tsd-product .tsd-product__badge { background: #fff; color: var(--t-brand, #33507e); }
.tsd-product .tsd-product__name { font-family: var(--t-font-head, Georgia, serif); font-size: 1.6rem; }
.tsd-glance { background: var(--t-sage, #e4ebe6); }
.tsd-glance .tsd-glance__label { font: 400 1.6rem/1.2 var(--t-font-script, cursive); letter-spacing: 0; text-transform: none; color: var(--t-brand, #33507e); }