/* ============================================================
   share  —  全站分享列(theme-share-*)   〔共用積木〕
   對應 layout/includes/share_block.php,由該檔自行引入
   主題色 #9f353a;hover 只變色不位移不加陰影
   舊版 40px 圖片按鈕的規則仍留在 web-shared.css / web-header.css / misc.css,
   這裡以較高優先權覆蓋
   ============================================================ */

.theme-share .theme-icon,.theme-share-fixed .theme-icon{display:block;width:18px;height:18px;stroke:currentColor;fill:none;flex:0 0 auto;}
.theme-share .theme-icon-brand,.theme-share-fixed .theme-icon-brand{fill:currentColor;stroke:none;}
.article_conshare.theme-share{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:6px 0 16px;padding:0;text-align:right;}
.theme-share-label{display:inline-flex;align-items:center;gap:6px;margin-right:2px;font-size:13px;color:#666;}
.theme-share-label .theme-icon{width:16px;height:16px;color:#9f353a;}
.theme-share-count{margin-right:6px;font-size:12px;color:#999;white-space:nowrap;}
.theme-share-count b{font-weight:bold;color:#9f353a;}
.theme-share-count:has(.total-share-num-text:empty){display:none;}
.theme-share .article_consharea,.theme-share-fixed .article_consharea,.theme-share-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0!important;padding:0;border-radius:50%;border:1px solid #d9d9d9;background:#fff;color:#9f353a;cursor:pointer;position:static;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.theme-share-button .theme-icon{width:18px;height:18px;}
.theme-share-button:hover{border-color:transparent;color:#fff;opacity:1!important;}
.theme-share-button-line:hover{background:#06C755;}
.theme-share-button-facebook:hover{background:#1877F2;}
.theme-share-button-copy:hover{background:#9f353a;}

/* 浮動分享:全裝置都收在左側、用「分享」拉把展開
   開合用 transform + .is-open class(main-js.php 切換),不靠 left 動畫,舊版的 left 規則不會影響
   桌機面板 60px / 按鈕 40px / 拉把 30px,手機面板 50px / 按鈕 34px / 拉把 20px */
.article_conshare-fix.theme-share-fixed{position:fixed;top:260px;left:0!important;transform:translateX(-100%);transition:transform .3s ease;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;width:60px;margin:0;padding:12px 0;background:#fff;border-radius:0 12px 12px 0;box-shadow:0 6px 20px rgba(159,53,58,.15);text-align:center;}
.article_conshare-fix.theme-share-fixed.is-open{transform:translateX(0);}
.theme-share-fixed .article_icob{display:block;padding:0;line-height:1;text-align:center;}
.theme-share-fixed .article_icob .theme-icon{width:20px;height:20px;color:#9f353a;}
.theme-share-fixed .theme-share-count{margin:-4px 0 0;font-size:12px;line-height:1;}
.theme-share-fixed .article_consharea{margin:0!important;}
.theme-share-fixed .theme-share-button{width:40px;height:40px;}
.theme-share-fixed .theme-share-button .theme-icon{width:20px;height:20px;}
.theme-share-fixed .article_consharebtn{display:flex;flex-direction:column;align-items:center;position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:30px;padding:10px 0;background:#9f353a;color:#fff;border-radius:0 8px 8px 0;font-size:13px;font-weight:normal;line-height:1.2;text-align:center;cursor:pointer;box-shadow:2px 2px 8px rgba(159,53,58,.2);}
.theme-share-fixed .article_consharebtn .fa{display:block;width:auto;height:auto;margin:0 0 4px;font-size:13px;line-height:1;color:#fff;}
.theme-share-fixed .article_consharebtn .fa-angle-double-left{display:none;}
.theme-share-fixed .article_consharebtn-actie .fa-angle-double-left{display:block;}
.theme-share-fixed .article_consharebtn-actie .fa-angle-double-right{display:none;}
.theme-share-fixed-tab-text{writing-mode:vertical-rl;letter-spacing:2px;}
@media (max-width:767px){
	.article_conshare-fix.theme-share-fixed{top:80px;width:50px;padding:10px 0;gap:6px;}
	.theme-share-fixed .article_icob .theme-icon{width:18px;height:18px;}
	.theme-share-fixed .theme-share-count{font-size:11px;}
	.theme-share-fixed .theme-share-button{width:34px;height:34px;}
	.theme-share-fixed .theme-share-button .theme-icon{width:18px;height:18px;}
	.theme-share-fixed .article_consharebtn{right:-20px;width:20px;padding:8px 0;font-size:11px;}
	.theme-share-fixed .article_consharebtn .fa{font-size:12px;}
	.article_conshare.theme-share{justify-content:flex-end;flex-wrap:wrap;}
}