/*
Theme Name: LinkGuestPost
Description: Premium guest-post agency theme for LinkGuestPost.com. Clean marketplace look, metric-forward site cards, delivery-approval trust strip. Works with the LinkGuestPost Platform plugin.
Version: 1.0.3
Author: LinkGuestPost.com
Text Domain: lgp-theme
*/

* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background: #f4f7f5; color: #1a2340; line-height: 1.6; }
a { color: #0B6B4F; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
input, select, textarea { font-size: 16px; padding: 12px 14px; border: 2px solid #c8d8ce; border-radius: 10px; width: 100%; max-width: 560px; background: #fff; }
input:focus, select:focus, textarea:focus { border-color: #0B6B4F; outline: 3px solid rgba(11,107,79,.25); }
button, .lgp-btn { display: inline-block; background: #0B3D2E; color: #fff !important; padding: 13px 22px; border: none; border-radius: 10px; font-size: 16px; font-weight: 700; cursor: pointer; }
button:hover, .lgp-btn:hover { background: #083026; text-decoration: none; }
.lgp-btn.secondary { background: #fff; color: #0B3D2E !important; border: 2px solid #0B3D2E; }

.lgp-header { background: #0B3D2E; color: #fff; position: sticky; top: 0; z-index: 50; box-shadow: 0 2px 12px rgba(0,0,0,.2); }
.lgp-header-inner { max-width: 1160px; margin: 0 auto; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.lgp-logo { font-size: 24px; font-weight: 800; color: #fff !important; }
.lgp-nav a { color: #d8e4dc; margin-left: 18px; font-weight: 600; }
.lgp-nav a:hover { color: #fff; }
.lgp-main { max-width: 1160px; margin: 0 auto; padding: 28px 20px 60px; }

.lgp-hero { background: #fff; border: 1px solid #d8e4dc; border-radius: 16px; padding: 36px 28px; box-shadow: 0 10px 30px rgba(11,61,46,.08); }
.lgp-hero h1 { font-size: 38px; line-height: 1.2; margin: 0 0 12px; color: #0B3D2E; }
.lgp-hero p { font-size: 18px; color: #444; max-width: 720px; }
.lgp-trust-strip { background: #eaf6ec; border: 1px solid #bfe3c6; border-radius: 12px; padding: 16px 20px; margin: 24px 0; font-weight: 600; }
.lgp-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 24px 0; }
.lgp-step { background: #fff; border: 1px solid #d8e4dc; border-radius: 12px; padding: 18px; }
.lgp-step strong { color: #0B3D2E; }

.lgp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 20px 0; }
.lgp-card { background: #fff; border: 1px solid #d8e4dc; border-radius: 16px; padding: 22px; box-shadow: 0 6px 20px rgba(11,61,46,.06); transition: transform .15s, box-shadow .15s; }
.lgp-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(11,61,46,.12); }
.lgp-card-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.lgp-card-head h3 { margin: 0; font-size: 20px; }
.lgp-badge { background: #eaf4ee; color: #0B3D2E; border: 1px solid #c8d8ce; border-radius: 999px; padding: 2px 10px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.lgp-domain { color: #666; font-size: 14px; }
.lgp-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.lgp-metric { background: #f4f7f5; border: 1px solid #d8e4dc; border-radius: 10px; padding: 10px; text-align: center; }
.lgp-metric span { display: block; font-size: 12px; text-transform: uppercase; color: #666; }
.lgp-metric strong { font-size: 15px; color: #0B3D2E; }
.lgp-price { font-size: 17px; }
.lgp-rating { color: #666; }
.lgp-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.lgp-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; }
.lgp-table th { background: #0B3D2E; color: #fff; text-align: left; padding: 12px; font-size: 13px; text-transform: uppercase; }
.lgp-table td { padding: 12px; border-bottom: 1px solid #e6ebf3; }
.lgp-filters { display: flex; gap: 10px; flex-wrap: wrap; margin: 16px 0; }
.lgp-filters input, .lgp-filters select { max-width: 220px; }
.lgp-footer { background: #0B3D2E; color: #d8e4dc; margin-top: 40px; }
.lgp-footer-inner { max-width: 1160px; margin: 0 auto; padding: 36px 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.lgp-footer a { color: #fff; }
.lgp-footer h3 { color: #fff; margin-top: 0; }

@media (max-width: 900px) {
  .lgp-grid { grid-template-columns: repeat(2, 1fr); }
  .lgp-steps { grid-template-columns: repeat(2, 1fr); }
  .lgp-footer-inner { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .lgp-grid, .lgp-steps, .lgp-metrics { grid-template-columns: 1fr; }
  .lgp-hero h1 { font-size: 28px; }
  .lgp-header-inner { flex-direction: column; align-items: flex-start; }
  .lgp-nav a { margin: 0 14px 0 0; }
  .lgp-card .lgp-btn, .lgp-card button { width: 100%; text-align: center; }
  .lgp-table { display: block; overflow-x: auto; }
}

.lgp-logo-img{height:40px;width:auto;display:block}
@media (max-width:640px){.lgp-logo-img{height:32px}}

.lgp-chat-float{position:fixed;right:20px;bottom:20px;z-index:60;background:#0B3D2E;color:#fff !important;padding:12px 18px;border-radius:999px;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.3);text-decoration:none}
.lgp-chat-thread{border:1px solid #d8e4dc;border-radius:12px;padding:16px;margin:16px 0;max-height:420px;overflow-y:auto}
.lgp-chat-msg.admin{color:#0B3D2E}

.lgp-hero{background:linear-gradient(135deg,#0B3D2E,#14532d);color:#fff;border:none;box-shadow:0 16px 40px rgba(11,61,46,.25)}
.lgp-hero h1{color:#fff}
.lgp-hero p{color:#d5e8dd}
.lgp-hero .lgp-btn{background:#C9A227;color:#0B3D2E !important}
.lgp-hero .lgp-btn.secondary{background:transparent;color:#fff !important;border-color:#fff}
.lgp-hero-search{display:flex;gap:10px;max-width:640px;margin:20px 0}
.lgp-hero-search input{background:#fff}
.lgp-hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}
.lgp-hero-stats div strong{display:block;font-size:22px;color:#fff}
.lgp-hero-stats div span{color:#d5e8dd;font-size:14px}
.lgp-why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}
.lgp-why-card{background:#fff;border:1px solid #d8e4dc;border-radius:12px;padding:18px}
.lgp-why-card strong{color:#0B3D2E}
.lgp-faq{margin:24px 0}
.lgp-faq details{background:#fff;border:1px solid #d8e4dc;border-radius:12px;padding:14px 18px;margin-bottom:10px}
.lgp-faq summary{font-weight:700;cursor:pointer;color:#0B3D2E}
@media (max-width:900px){.lgp-why{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.lgp-why{grid-template-columns:1fr}.lgp-hero-search{flex-direction:column}}

.lgp-overview-hero{background:linear-gradient(135deg,#0B3D2E,#14532d);color:#fff;border-radius:16px;padding:28px 32px;margin:0 0 24px;box-shadow:0 16px 40px rgba(11,61,46,.25)}
.lgp-overview-hero h1{color:#fff;margin:0 0 8px}
.lgp-overview-hero p{color:#d5e8dd}
.lgp-overview-hero a{color:#F2C94C}
.lgp-overview-crumb a{color:#d5e8dd !important}
.lgp-badge{display:inline-block;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;margin-right:8px}
.lgp-badge.gold{background:#C9A227;border-color:#C9A227;color:#0B3D2E}
.lgp-btn.gold{background:#C9A227;color:#0B3D2E !important}
.lgp-btn-block{display:block;text-align:center}
.lgp-overview{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
.lgp-overview-main h2{color:#0B3D2E;border-bottom:2px solid #C9A227;padding-bottom:6px}
.lgp-buy-card{background:#fff;border:1px solid #d8e4dc;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(11,61,46,.12);position:sticky;top:20px}
.lgp-buy-price{font-size:34px;font-weight:800;color:#0B3D2E;margin:0 0 4px}
.lgp-escrow-note{background:#eaf4ee;border:1px solid #c8d8ce;border-radius:8px;padding:10px 12px;font-size:14px;color:#0B3D2E}
.lgp-check{list-style:none;padding:0}
.lgp-check li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid #eef2f0}
.lgp-check li:before{content:"\2713";position:absolute;left:0;color:#0B6B4F;font-weight:800}
.lgp-review-card{background:#fff;border:1px solid #d8e4dc;border-radius:12px;padding:16px;margin-bottom:12px}
.lgp-review-card strong{color:#0B3D2E}
.lgp-sample-list li{margin-bottom:8px}
.lgp-card{transition:transform .15s ease,box-shadow .15s ease}
.lgp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,61,46,.16)}
@media (max-width:900px){.lgp-overview{grid-template-columns:1fr}.lgp-buy-card{position:static}}

@media (max-width:900px){.lgp-grid{grid-template-columns:repeat(2,1fr)}.lgp-steps{grid-template-columns:repeat(2,1fr)}.lgp-footer{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.lgp-grid{grid-template-columns:1fr}.lgp-steps{grid-template-columns:1fr}.lgp-footer{grid-template-columns:1fr}.lgp-header-inner{flex-wrap:wrap}.lgp-nav a{margin-left:0;margin-right:14px}.lgp-hero{padding:20px}.lgp-hero h1{font-size:26px}.lgp-hero-stats{gap:16px}.lgp-overview-hero{padding:20px}.lgp-table{display:block;overflow-x:auto}.lgp-table table{min-width:560px}.lgp-filters{flex-direction:column}.lgp-filters input,.lgp-filters select{width:100%}}

/* ---- Premium UI pass (v4.8): homepage + catalog + site pages + checkout + order + dashboard + wallet + cart ---- */
.lgp-main h2{font-size:28px;color:#0B3D2E;border-bottom:3px solid #C9A227;padding-bottom:8px;margin:28px 0 18px}
.lgp-main h3{font-size:20px;color:#0B3D2E;margin:24px 0 12px}
.lgp-main .lgp-btn:not(.secondary){background:#C9A227;color:#0B3D2E !important;box-shadow:0 6px 16px rgba(201,162,39,.35);transition:transform .15s,box-shadow .15s,background .15s}
.lgp-main .lgp-btn:not(.secondary):hover{background:#b8931f;transform:translateY(-1px);box-shadow:0 10px 22px rgba(201,162,39,.45);text-decoration:none}
.lgp-main button[type="submit"]:not(.secondary){background:#C9A227;color:#0B3D2E;box-shadow:0 6px 16px rgba(201,162,39,.35)}
.lgp-main button[type="submit"]:not(.secondary):hover{background:#b8931f}
.lgp-main .lgp-table{box-shadow:0 10px 30px rgba(11,61,46,.10);border:1px solid #d8e4dc}
.lgp-main .lgp-table td{padding:14px}
.lgp-card{box-shadow:0 10px 28px rgba(11,61,46,.10)}
.lgp-price{font-size:19px;font-weight:800;color:#0B3D2E}
.lgp-hero{padding:44px 36px}
.lgp-hero h1{font-size:42px}
.lgp-trust-strip{background:linear-gradient(135deg,#eaf6ec,#fdf8e7);border-color:#C9A227}
.lgp-faq details:hover{box-shadow:0 6px 16px rgba(11,61,46,.08)}
.lgp-buy-card{border-top:5px solid #C9A227}
.lgp-escrow-note{border-left:5px solid #C9A227;box-shadow:0 6px 16px rgba(11,61,46,.08)}
.lgp-chat-thread{background:#fff;box-shadow:0 10px 30px rgba(11,61,46,.10)}
.lgp-chat-msg{padding:10px 14px;border-radius:10px;margin:10px 0}
.lgp-chat-msg.admin{background:#eaf4ee}
.lgp-chat-msg.buyer{background:#f4f7f5}
.lgp-chat-float{background:#C9A227;color:#0B3D2E !important}
.lgp-header{box-shadow:0 4px 20px rgba(0,0,0,.25)}
input,select,textarea{transition:border-color .15s,box-shadow .15s}
@media (max-width:640px){.lgp-hero{padding:24px 20px}.lgp-hero h1{font-size:28px}.lgp-main .lgp-btn,.lgp-main button[type="submit"]{width:100%;text-align:center}.lgp-main h2{font-size:24px}}

/* ---- Premium boxes pass (v4.9): homepage steps, why-cards, site cards, FAQ ---- */
.lgp-step{background:#fff;border:1px solid #d8e4dc;border-top:4px solid #C9A227;border-radius:14px;padding:22px;box-shadow:0 8px 22px rgba(11,61,46,.08);transition:transform .15s,box-shadow .15s}
.lgp-step:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,61,46,.14)}
.lgp-step strong{display:block;font-size:19px;color:#0B3D2E;margin-bottom:6px}
.lgp-step p{color:#444;margin:0}
.lgp-why-card{border-top:4px solid #C9A227;box-shadow:0 8px 22px rgba(11,61,46,.08);transition:transform .15s,box-shadow .15s}
.lgp-why-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,61,46,.14)}
.lgp-why-card strong{font-size:18px}
.lgp-card{border-top:4px solid #C9A227}
.lgp-card .lgp-domain{color:#555}
.lgp-faq details[open]{border-color:#C9A227;box-shadow:0 8px 22px rgba(11,61,46,.10)}
.lgp-main h2{letter-spacing:-.2px}
