/* Share button (links to a service page; uses the phone share sheet where available). */
.share-btn { display: inline-flex; align-items: center; gap: .4rem; font: 500 .8rem/1 'Inter', system-ui, sans-serif; border: 1px solid rgba(11,96,14,.4); color: #0B600E; background: transparent; padding: .55rem .95rem; border-radius: 999px; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.share-btn:hover { background: #0B600E; color: #FAF7F0; border-color: #0B600E; }
.share-btn--dark { border-color: rgba(201,164,100,.55); color: #C9A464; }
.share-btn--dark:hover { background: #C9A464; color: #10160F; border-color: #C9A464; }
.share-btn--float { background: rgba(250,247,240,.92); border-color: transparent; color: #1F2A1E; backdrop-filter: blur(6px); padding: .5rem .8rem; }
.share-btn--float:hover { background: #0B600E; color: #FAF7F0; }
.share-sheet-back { position: fixed; inset: 0; z-index: 80; background: rgba(16,22,15,.55); display: flex; align-items: flex-end; justify-content: center; }
.share-sheet { width: 100%; max-width: 28rem; background: #FAF7F0; color: #1F2A1E; border-radius: 1.25rem 1.25rem 0 0; padding: 1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom)); font-family: 'Inter', system-ui, sans-serif; }
@media (min-width: 640px) { .share-sheet-back { align-items: center; } .share-sheet { border-radius: 1.25rem; } }
.share-sheet h2 { font-family: 'Playfair Display', Georgia, serif; font-weight: 500; font-size: 1.15rem; margin: 0 0 .25rem; }
.share-sheet p { font-size: .8rem; color: rgba(31,42,30,.65); margin: 0 0 1rem; }
.share-sheet .opts { display: grid; gap: .5rem; }
.share-sheet .opts a, .share-sheet .opts button { display: block; width: 100%; text-align: left; font: 500 .9rem/1 'Inter', system-ui, sans-serif; padding: .85rem 1rem; border: 1px solid #D0E4D0; border-radius: .75rem; background: #fff; color: #1F2A1E; text-decoration: none; cursor: pointer; }
.share-sheet .opts a:hover, .share-sheet .opts button:hover { border-color: #0B600E; color: #0B600E; }
.share-sheet .close { margin-top: .75rem; width: 100%; background: none; border: 0; font: 500 .8rem 'Inter', system-ui, sans-serif; color: rgba(31,42,30,.55); cursor: pointer; padding: .5rem; }
