/* Main Navigation Menu Icons */
.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.icon a:before {
    font-family: "Font Awesome 6 Free";
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    background-color: #eaeaea;
    transition: 0.3s;
}

/* Navigation Location-Specific Icons */
.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.img a:before {
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-size: 50px 50px;
    background-position: center center;
    display: block;
    margin-right: 0.5rem;
    transition: 0.3s;
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.urban-area a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_urban-area.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.rongchang a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_rongchang.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.bishan a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_bishan.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.fuling a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_fuling.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.changshou a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_changshou.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.jiangjin a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_jiangjin.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.wulong a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_wulong.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.hechuan a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_hechuan.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.liangjiangnewarea a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/05/icon_liangjiangnewarea.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.nanchuan a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/07/icon_nanchuan.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.wushan a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/07/icon_wushan.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.qijiang a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/07/icon_qijiang.webp);
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.wansheng a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2025/07/icon_wansheng.webp);
}
.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.yongchuan a:before {
    background-image: url(https://welcomecq.cn/wp-content/uploads/2026/03/icon_yongchuan.webp);
}

/* Tag Icon Base Styles */
.tag-icon:before {
    font-family: "Font Awesome 6 Free";
    background-color: var(--primary);
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
    border-radius: 0.2rem;
}

/* Activity and Tag Icons */
.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.hiking a:before,
.tag-icon.hiking:before,
details summary span.activity-title.hiking:before {
    content: '\f6ec';
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.cycling a:before,
.tag-icon.biking:before,
.tag-icon.cycling:before,
details summary span.activity-title.cycling:before {
    content: '\f84a';
}

.main-navigation ul.site-menu > .menu-item > ul.sub-menu > li.camping a:before,
.tag-icon.camping:before,
details summary span.activity-title.camping:before {
    content: '\e57d';
}

.tag-icon.boating:before,
details summary span.activity-title.boating:before {
    content: '\e445';
}
.tag-icon.entertainment:before,
details summary span.activity-title.entertainment:before{
	content:'\f11b';
}
.tag-icon.fishing:before,
details summary span.activity-title.fishing:before {
    content: '\e4f2';
}

.tag-icon.wildlife:before,
details summary span.activity-title.wildlife:before {
    content: '\f520';
}

.tag-icon.accessibility:before,
details summary span.activity-title.accessibility:before {
    content: '\f193';
}

.tag-icon.cultural-experience:before {
    content: '\f6ad';
}

.tag-icon.golfing:before {
    content: '\f450';
}

.tag-icon.museum:before {
    content: '\f66f';
}

.tag-icon.parks:before {
    content: '\e52f';
}

.tag-icon.river-rafting:before {
    content: '\f773';
}

.tag-icon.food-drinks:before,
details summary span.activity-title.restaurant:before {
    content: '\f2e7';
}

.tag-icon.climbing:before,
details summary span.activity-title.climbing:before {
    content: '\f6ec';
}

.tag-icon.horseback-riding:before,
details summary span.activity-title.horseback-riding:before {
    content: '\f6f0';
}

.tag-icon.diving:before,
details summary span.activity-title.diving:before {
    content: '\f57f';
}

.tag-icon.pets:before,
details summary span.activity-title.pets:before {
    content: '\f1b0';
}

/* Activity-Specific Styles */
details summary span.activity-title.swimming:before {
    content: '\f5c4';
}

details summary span.activity-title.driving:before {
    content: '\f1b9';
    background-color: #8c8c8c;
}

details summary span.activity-title.viewing:before {
    content: '\f1e5';
}

details summary span.activity-title.fire-ban:before {
    content: '\f06d';
}

details summary span.activity-title.restroom:before {
    content: '\f7bd';
    background-color: green;
}

details summary span.activity-title.question:before {
    content: '\3f';
}

details summary span.activity-title.shopping:before {
    content: '\f07a';
}

details summary span.activity-title.tea:before {
    content: '\f06c';
}

details summary span.activity-title.sports:before {
    content: '\f45d';
}

details summary span.activity-title.fitness:before {
    content: '\f44b';
}

details summary span.activity-title.drone:before {
    content: '\f533';
}

details summary span.activity-title.hotel:before {
    content: '\f236';
}

details summary span.activity-title.smoking:before {
    content: '\f54d';
}

details summary span.activity-title.cell-service:before {
    content: '\e585';
}

details summary span.activity-title.wifi:before {
    content: '\f1eb';
}

details summary span.activity-title.bus:before {
    content: '\f55e';
    background-color: purple;
}

details summary span.activity-title.parking:before {
    content: 'P';
    background-color: #000;
    font-size: 1rem;
}

details summary span.activity-title.train:before {
    content: '\f238';
}

details summary span.activity-title.language:before {
    content: '\f1ab';
}

details summary span.activity-title.budget:before {
    content: '\f157';
}

details summary span.activity-title.climbing:before {
    content: '\f6ec';
}

details summary span.activity-title.horseback-riding:before {
    content: '\f6c0';
}

details summary span.activity-title.diving:before {
    content: '\f57f';
}



/* Transit Line Icons */
details summary span.activity-title.line-1:before {
    content: '1';
    background-color: #e4122f;
}

details summary span.activity-title.line-2:before {
    content: '2';
    background-color: #018338;
}

details summary span.activity-title.line-3:before {
    content: '3';
    background-color: #1946ba;
}

details summary span.activity-title.line-4:before {
    content: '4';
    background-color: #d07b18;
}

details summary span.activity-title.line-5:before {
    content: '5';
    background-color: #08a1e0;
}

details summary span.activity-title.line-6:before {
    content: '6';
    background-color: #f47596;
}

details summary span.activity-title.line-9:before {
    content: '9';
    background-color: #801c2b;
}

details summary span.activity-title.line-10:before {
    content: '10';
    background-color: #55198b;
}

details summary span.activity-title.line-15:before {
    content: '15';
    background-color: #0262c5;
}

details summary span.activity-title.line-18:before {
    content: '18';
    background-color: #37d4c9;
}

details summary span.activity-title.guobo-line:before {
    content: '国博';
    background-color: #f47596;
    font-size: 0.7rem;
}

details summary span.activity-title.loop-line:before {
    content: '环';
    background-color: #efab03;
}

details summary span.activity-title.jiangtiao-line:before {
    content: '江跳';
    background-color: #157bcd;
    font-size: 0.7rem;
}

details summary span.activity-title.bitong-line:before {
    content: '璧铜';
    background-color: #0050b5;
    font-size: 0.7rem;
}

/* Open/Closed Status Styles */
details summary span.activity-title.closed {
    color: red;
}

details summary span.activity-title.open {
    color: green;
}

details summary span.activity-title.closed:before,
details summary span.activity-title.open:before {
    content: '\f017';
}

/* Experience Card Tag List Tooltip Styles */
.experience-card-cat-list .tag-icon {
    position: relative;
}

.experience-card-cat-list .tag-icon[data-tooltip]:after {
	content: attr(data-tooltip);
	position: absolute;
	white-space: nowrap;
	z-index: -1;
	padding: 0.25rem 0.75rem;
	font-size: 0.7rem;
	color: #fff;
	background: #070707;
	border-radius: 0.25rem;
	pointer-events: none;
	transition: bottom 0.4s cubic-bezier(0.47, 2, 0.41, 1.5),
	visibility 0.3s ease-in-out, opacity 0.2s ease-in-out;
	opacity:0;
	visibility:hidden;
	bottom:100%;
	left:0;
}

.experience-card-cat-list .tag-icon[data-tooltip]:hover:after {
    opacity: 1;
	visibility: visible;
	bottom:calc(100% + 15px);
}

/* Route Plan Styles */
.route-plan ul {
    display: flex;
    flex-direction: column;
    margin: 0 0 1rem;
    row-gap: 0.6rem;
    border-left: 5px solid #eaeaea;
    margin-left: 15px;
    padding: 20px 0;
}

.route-plan ul li {
    padding: 0 0 0 20px;
    position: relative;
}

.route-plan ul li:before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #ccc;
    background-color: #fff;
    margin: 0;
    top: 3px;
    left: -13px;
}

.route-plan ul li:hover {
    color: var(--primary);
}

.route-plan ul li:hover:before {
    border-color: var(--primary_hover);
    transform: scale(1.1);
    transition: all 0.2s ease-out;
}

.route-plan ul li.first-item:before {
    border-color: green;
}

.route-plan ul li.last-item:before {
    border-color: red;
}

/* Social Links Styles */
.social-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #eee;
    border-radius: 100%;
    color: #333;
    font-size: 1rem;
    text-decoration: none;
}

.social-links a:hover {
    color: #fff;
}

.social-links a.twitter:hover {
    background-color: #000;
}

.social-links a.instagram:hover {
    background-color: #dd2a7b;
}

.social-links a.youtube:hover {
    background-color: red;
}

.social-links a.facebook:hover {
    background-color: #3b5998;
}