/* Star rating buttons */
.star-btn { font-size:28px; cursor:pointer; color:#ddd; transition:color 0.2s; }
.star-btn.active { color:#ffd700; }

/* Package cards */
.pkg-card { border:1px solid #e8e0d8; border-radius:10px; padding:16px; background:#fdf8f5; height:100%; }
.pkg-card h6 { font-weight:700; color:var(--heading-color); margin-bottom:8px; }
.pkg-card .pkg-price { font-size:16px; font-weight:700; color:var(--accent-color); }
.pkg-card ul { font-size:13px; color:#555; padding-left:16px; margin-bottom:10px; }

/* Vendor hero social links */
.vendor-social-links a { color:rgba(255,255,255,0.85); font-size:20px; transition:color .2s; }
.vendor-social-links a:hover { color:#fff; }

/* Share button */
.share-btn { background:rgba(255,255,255,0.15); color:#fff; border:1px solid rgba(255,255,255,0.35); border-radius:6px; font-size:13px; padding:5px 14px; cursor:pointer; transition:background .2s; }
.share-btn:hover { background:rgba(255,255,255,0.25); }

/* Availability calendar */
.avail-cal { font-size:11px; }
.avail-cal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.avail-cal-header button { background:none; border:1px solid #ddd; border-radius:4px; width:24px; height:24px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.avail-cal-header span { font-size:12px; font-weight:600; color:var(--heading-color); }
.avail-cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:2px; }
.avail-cal-day { text-align:center; padding:4px 1px; border-radius:3px; }
.avail-cal-day.hdr { font-weight:600; color:#555; font-size:10px; }
.avail-cal-day.open { background:#e8f5e9; color:#2e7d32; }
.avail-cal-day.booked { background:#fff8e1; color:#e65100; font-weight:600; }
.avail-cal-day.past { background:#f5f5f5; color:#bbb; }

/* Portfolio media grid */
.portfolio-media-item { transition: transform .2s, box-shadow .2s; }
.portfolio-media-item:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.2); }
#portfolio-grid .glightbox img { transition: transform .2s; border-radius: 8px; display:block; }
#portfolio-grid .glightbox:hover img { transform: scale(1.03); }