/* ==========================================================================
   SilkHost.pk — styles for the interactive tool and reporting pages.
   Loaded site-wide from include/header.php.
   Class prefixes are page-scoped so these rules cannot affect other pages.
   ========================================================================== */

/* ------------------------------------------------------------------
   Report Phishing form  (.rp-*)  — /report-phishing
   ------------------------------------------------------------------ */
.rp-box { background:#f7fafc; border:2px solid #1a5f7a; border-radius:8px; padding:20px 22px; margin:0 0 22px 0; box-shadow:0 4px 14px rgba(0,0,0,.06); }
.rp-box h2 { margin-top:0; margin-bottom:10px; color:#1a5f7a; font-size:22px; }
.rp-field { margin-bottom:16px; }
.rp-field label { display:block; font-weight:bold; margin-bottom:6px; color:#22303c; }
.rp-field .rp-hint { display:block; font-weight:normal; font-size:13px; color:#5b6b7a; margin-top:3px; }
.rp-field input[type=text], .rp-field textarea, .rp-field select { width:100%; padding:11px 13px; font-size:15px; border:1px solid #c6d2dd; border-radius:4px; background:#fff; color:#22303c; }
.rp-field input[type=text]:focus, .rp-field textarea:focus, .rp-field select:focus { outline:none; border-color:#1a5f7a; box-shadow:0 0 0 3px rgba(26,95,122,.14); }
.rp-field textarea { min-height:130px; resize:vertical; }
.rp-err { display:none; margin-top:7px; font-size:13.5px; color:#b3261e; font-weight:bold; }
.rp-invalid input[type=text], .rp-invalid textarea, .rp-invalid select { border-color:#b3261e; background:#fff7f6; }
.rp-invalid .rp-err { display:block; }
.rp-count { font-size:13px; color:#5b6b7a; margin-top:6px; }
.rp-count.rp-ok { color:#1e7a45; font-weight:bold; }
.rp-send { background:#25D366; border:none; color:#fff; font-weight:bold; font-size:17px; padding:14px 30px; border-radius:6px; cursor:pointer; width:100%; }
.rp-send:hover { background:#1da851; }
.rp-note { font-size:13px; color:#5b6b7a; margin-top:12px; margin-bottom:0; }
.rp-warn { background:#fff8e6; border-left:4px solid #F09506; padding:14px 18px; margin:18px 0; border-radius:0 4px 4px 0; }
.rp-card { border:1px solid #dde5ec; border-radius:6px; padding:16px 18px; margin-bottom:18px; background:#fff; height:100%; }
.rp-card h4 { margin-top:0; color:#1a5f7a; font-size:17px; }
.rp-step { border-left:3px solid #1a5f7a; padding:2px 0 2px 16px; margin-bottom:18px; }
.rp-step h4 { margin:0 0 5px 0; font-size:17px; color:#1a5f7a; }
.rp-step p { margin:0; }

/* ------------------------------------------------------------------
   Report Abuse form     (.ab-*)  — /report-abuse
   ------------------------------------------------------------------ */
.ab-box { background:#f8f9fb; border:2px solid #5b3fa8; border-radius:8px; padding:20px 22px; margin:0 0 22px 0; box-shadow:0 4px 14px rgba(0,0,0,.06); }
.ab-box h2 { margin-top:0; margin-bottom:8px; color:#452f80; font-size:22px; }
.ab-f { margin-bottom:16px; }
.ab-f label { display:block; font-weight:bold; margin-bottom:6px; color:#22303c; }
.ab-f .ab-tip { display:block; font-weight:normal; font-size:13px; color:#5b6b7a; margin-top:3px; }
.ab-f input[type=text], .ab-f textarea, .ab-f select { width:100%; padding:11px 13px; font-size:15px; border:1px solid #ccd2de; border-radius:4px; background:#fff; color:#22303c; }
.ab-f input[type=text]:focus, .ab-f textarea:focus, .ab-f select:focus { outline:none; border-color:#5b3fa8; box-shadow:0 0 0 3px rgba(91,63,168,.14); }
.ab-f textarea { min-height:120px; resize:vertical; }
.ab-f textarea.ab-small { min-height:80px; font-family:'Courier New',Courier,monospace; font-size:13px; }
.ab-e { display:none; margin-top:7px; font-size:13.5px; color:#b3261e; font-weight:bold; }
.ab-bad input[type=text], .ab-bad textarea, .ab-bad select { border-color:#b3261e; background:#fff7f6; }
.ab-bad .ab-e { display:block; }
.ab-c { font-size:13px; color:#5b6b7a; margin-top:6px; }
.ab-c.ab-good { color:#1e7a45; font-weight:bold; }
.ab-go { background:#25D366; border:none; color:#fff; font-weight:bold; font-size:17px; padding:14px 30px; border-radius:6px; cursor:pointer; width:100%; }
.ab-go:hover { background:#1da851; }
.ab-flag { background:#f4f1fb; border-left:4px solid #5b3fa8; padding:13px 17px; margin:16px 0; border-radius:0 4px 4px 0; font-size:14px; }
.ab-card { border:1px solid #e0e4ec; border-radius:6px; padding:16px 18px; margin-bottom:18px; background:#fff; }
.ab-card h4 { margin-top:0; color:#452f80; font-size:17px; }
.ab-tier { border-left:3px solid #5b3fa8; padding:2px 0 2px 16px; margin-bottom:16px; }
.ab-tier h4 { margin:0 0 4px 0; font-size:16.5px; color:#452f80; }
.ab-tier p { margin:0; }

/* ------------------------------------------------------------------
   PKNIC .pk WHOIS tool  (.pkw-*) — /pk-whois
   ------------------------------------------------------------------ */
.pkw-box { background:#f7fafc; border:2px solid #167ab9; border-radius:8px; padding:20px 22px; margin:0 0 22px 0; box-shadow:0 4px 14px rgba(0,0,0,.06); }
.pkw-box h2 { margin-top:0; margin-bottom:8px; color:#12405e; font-size:22px; }
.pkw-row { display:flex; width:100%; }
.pkw-row input[type=text] { flex:1; border-radius:4px 0 0 4px; font-size:15px; height:48px; padding:0 13px; border:1px solid #c6d2dd; }
.pkw-row input[type=text]:focus { outline:none; border-color:#167ab9; box-shadow:0 0 0 3px rgba(22,122,185,.14); }
.pkw-row button { border-radius:0 4px 4px 0; background:#167ab9; border:1px solid #167ab9; color:#fff; font-weight:bold; padding:0 24px; height:48px; white-space:nowrap; margin-left:-1px; cursor:pointer; }
.pkw-row button:hover { background:#12628f; }
.pkw-eg { font-size:13px; color:#5b6b7a; margin:10px 0 0 0; }
.pkw-eg a { margin-right:10px; }
.pkw-alert { padding:13px 16px; border-radius:4px; margin:18px 0 0 0; }
.pkw-alert-bad { background:#fff4f3; border-left:4px solid #b3261e; color:#7d1b14; }
.pkw-result { border:1px solid #dde5ec; border-radius:8px; overflow:hidden; margin:22px 0; }
.pkw-head { padding:16px 20px; color:#fff; }
.pkw-head h3 { margin:0; font-size:20px; color:#fff; }
.pkw-head p { margin:4px 0 0 0; opacity:.92; }
.pkw-taken { background:#2c3e50; }
.pkw-free { background:#1e7a45; }
.pkw-unknown { background:#6b7a88; }
.pkw-table { width:100%; margin:0; }
.pkw-table th, .pkw-table td { padding:11px 20px; border-bottom:1px solid #eef2f6; font-size:14.5px; text-align:left; vertical-align:top; }
.pkw-table th { width:32%; color:#42525f; background:#fbfcfd; font-weight:bold; }
.pkw-raw { background:#22303c; color:#e6edf3; padding:16px 20px; margin:0; font-family:'Courier New',Courier,monospace; font-size:13px; line-height:1.6; white-space:pre-wrap; word-wrap:break-word; }
.pkw-cta { padding:18px 20px; background:#f2fbf5; border-top:1px solid #d4eddd; }
.pkw-card { border:1px solid #dde5ec; border-radius:6px; padding:16px 18px; margin-bottom:18px; background:#fff; }
.pkw-card h4 { margin-top:0; color:#12405e; font-size:17px; }
@media (max-width:600px){ .pkw-row { display:block; } .pkw-row input[type=text]{ width:100%; border-radius:4px; } .pkw-row button{ width:100%; border-radius:4px; margin:10px 0 0 0; } }


/* ------------------------------------------------------------------
   Free SSL Certificate page (.fs-*) — /free-ssl-certificate
   ------------------------------------------------------------------ */
.fs-cta { background:#f09506; border:1px solid #f09506; color:#fff; font-weight:bold; padding:13px 32px; border-radius:5px; font-size:17px; }
.fs-cta:hover, .fs-cta:focus { background:#d8830a; border-color:#d8830a; color:#fff; text-decoration:none; }
.fs-cta-note { display:inline-block; margin-left:12px; font-size:13.5px; color:#5b6b7a; }
.fs-badge { background:#1f3a5f; border-radius:12px; padding:26px 20px; color:#fff; max-width:320px; margin:10px auto 0 auto; box-shadow:0 6px 18px rgba(0,0,0,.12); }
.fs-badge-ico { width:58px; height:58px; fill:#f09506; color:#f09506; display:block; margin:0 auto 12px auto; }
.fs-badge-url { background:#2c4e78; border-radius:20px; padding:8px 16px; font-family:'Courier New',Courier,monospace; font-size:15px; display:inline-block; }
.fs-badge-url span { color:#8ecfa5; }
.fs-badge-tag { font-size:13px; letter-spacing:1.5px; text-transform:uppercase; margin-top:12px; opacity:.85; }
.fs-badge-price { margin-top:14px; font-size:26px; font-weight:bold; color:#f7c56b; }
.fs-badge-price span { font-size:14px; font-weight:normal; color:#cfd9e6; }
.fs-plans-note { max-width:760px; margin:0 auto 22px auto; color:#42525f; }
.fs-plans-more { margin-top:12px; color:#42525f; }
.fs-card { background:#fff; border:1px solid #e0e6ec; border-radius:8px; padding:20px 20px 16px 20px; margin-bottom:20px; height:100%; }
.fs-card h3 { margin:12px 0 8px 0; font-size:18px; color:#1f3a5f; }
.fs-card p { margin:0; font-size:14.5px; color:#42525f; }
.fs-ico { width:34px; height:34px; fill:#f09506; color:#f09506; display:block; }
.fs-ico-sm { width:18px; height:18px; fill:#1f3a5f; vertical-align:-3px; }
.fs-step { border-left:3px solid #f09506; padding:2px 0 2px 16px; margin-bottom:18px; }
.fs-step h4 { margin:0 0 5px 0; font-size:16.5px; color:#1f3a5f; }
.fs-step p { margin:0; }
.fs-why-row { display:flex; flex-wrap:wrap; }
.fs-why-row:before, .fs-why-row:after { display:none; }
.fs-why-row > [class*="col-"] { display:flex; float:none; }
.fs-why-row .fs-card { width:100%; }
@media (max-width:767px){ .fs-cta { display:block; text-align:center; } .fs-cta-note { display:block; margin:10px 0 0 0; } .fs-card { height:auto; } }

/* comparison table (free vs paid SSL) */
.fs-cmp-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; margin:18px 0 14px 0; border-radius:10px; box-shadow:0 2px 14px rgba(31,58,95,.10); }
.fs-cmp { width:100%; min-width:680px; border-collapse:separate; border-spacing:0; background:#fff; font-size:14.5px; }
.fs-cmp thead th { background:#1f3a5f; color:#fff; font-weight:bold; text-align:left; padding:15px 18px; font-size:15px; vertical-align:bottom; border:0; }
.fs-cmp thead th:first-child { border-radius:10px 0 0 0; }
.fs-cmp thead th:last-child { border-radius:0 10px 0 0; }
.fs-cmp thead th.fs-col-free { background:#17518a; }
.fs-tag { display:inline-block; background:#f09506; color:#fff; font-size:11px; font-weight:bold; letter-spacing:.6px; text-transform:uppercase; padding:3px 9px; border-radius:11px; margin-left:7px; vertical-align:2px; }
.fs-cmp tbody th { text-align:left; font-weight:bold; color:#22303c; background:#f7f9fc; padding:13px 18px; width:27%; border-bottom:1px solid #e6ecf3; border-right:1px solid #e6ecf3; }
.fs-cmp tbody td { padding:13px 18px; color:#42525f; border-bottom:1px solid #e6ecf3; vertical-align:top; }
.fs-cmp tbody tr:last-child th { border-radius:0 0 0 10px; }
.fs-cmp tbody tr:last-child th, .fs-cmp tbody tr:last-child td { border-bottom:0; }
.fs-cmp tbody td.fs-col-free { background:#fdf8f0; border-left:1px solid #f5e2c4; border-right:1px solid #f5e2c4; }
.fs-cmp tbody tr:hover th { background:#eef3f9; }
.fs-cmp tbody tr:hover td { background:#fafbfd; }
.fs-cmp tbody tr:hover td.fs-col-free { background:#fcf3e4; }
.fs-c span { display:inline-block; vertical-align:top; max-width:calc(100% - 26px); }
.fs-mark { width:17px; height:17px; margin-right:7px; vertical-align:-3px; flex:none; }
.fs-mark-y { fill:#1e9e57; }
.fs-mark-n { fill:#c2ccd6; }
.fs-mark-d { fill:#8fa3b8; }
.fs-plain { color:#42525f; }
@media (max-width:767px){ .fs-cmp thead th, .fs-cmp tbody th, .fs-cmp tbody td { padding:11px 13px; font-size:13.5px; } }

.fs-note { max-width:860px; margin:16px auto 0 auto; background:#fdf8f0; border:1px solid #f0dcbc; border-left:4px solid #f09506; border-radius:0 6px 6px 0; padding:13px 18px; font-size:14px; color:#42525f; text-align:left; }

/* ------------------------------------------------------------------
   Free Domain Name page (.fd-*) — /free-domain-name
   ------------------------------------------------------------------ */
.fd-badge { background:#17518a; }
.fd-badge .fs-badge-url span { color:#ffd48a; }
.fd-ext-row, .fd-feat-row, .fd-more-row, .fd-why-row { display:flex; flex-wrap:wrap; }
.fd-ext-row:before, .fd-ext-row:after,
.fd-feat-row:before, .fd-feat-row:after,
.fd-more-row:before, .fd-more-row:after,
.fd-why-row:before, .fd-why-row:after { display:none; }
.fd-ext-row > [class*="col-"], .fd-feat-row > [class*="col-"],
.fd-more-row > [class*="col-"], .fd-why-row > [class*="col-"] { display:flex; float:none; }
.fd-ext-row .fd-ext, .fd-feat-row .fs-card, .fd-more-row .fs-card, .fd-why-row .fs-card { width:100%; }
.fd-ext { background:#fff; border:1px solid #e0e6ec; border-top:3px solid #f09506; border-radius:8px; padding:18px 18px 15px 18px; margin-bottom:20px; }
.fd-ext-tld { display:inline-block; background:#1f3a5f; color:#fff; font-weight:bold; font-size:16px; padding:4px 13px; border-radius:16px; letter-spacing:.4px; }
.fd-ext h3 { margin:12px 0 7px 0; font-size:17px; color:#1f3a5f; }
.fd-ext p { margin:0; font-size:14px; color:#42525f; }
.fd-ext-more { border-top-color:#17518a; }
.fd-ext-more .fd-ext-tld { background:#17518a; }

/* ------------------------------------------------------------------
   Competitor comparison pages (.cmp-*) — /namecheap, /godaddy
   ------------------------------------------------------------------ */
.cmp-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; margin:20px 0 10px 0; border-radius:10px; box-shadow:0 2px 14px rgba(31,58,95,.10); }
.cmp { width:100%; min-width:640px; border-collapse:separate; border-spacing:0; background:#fff; font-size:14.5px; }
.cmp thead th { background:#1f3a5f; color:#fff; text-align:center; font-weight:bold; padding:15px 16px; font-size:15.5px; border:0; }
.cmp thead th:first-child { text-align:left; border-radius:10px 0 0 0; }
.cmp thead th:last-child { border-radius:0 10px 0 0; }
.cmp thead th.cmp-us { background:#1e7a45; }
.cmp-badge { display:block; font-size:11px; font-weight:bold; letter-spacing:.7px; text-transform:uppercase; opacity:.85; margin-top:3px; }
.cmp tbody th { text-align:left; font-weight:bold; color:#22303c; background:#f7f9fc; padding:13px 16px; width:34%; border-bottom:1px solid #e6ecf3; border-right:1px solid #e6ecf3; }
.cmp tbody td { padding:13px 16px; text-align:center; color:#42525f; border-bottom:1px solid #e6ecf3; vertical-align:middle; }
.cmp tbody td.cmp-us { background:#f2faf5; border-left:1px solid #d6ecdf; border-right:1px solid #d6ecdf; font-weight:bold; color:#1a6b3d; }
.cmp tbody tr:last-child th { border-radius:0 0 0 10px; }
.cmp tbody tr:last-child th, .cmp tbody tr:last-child td { border-bottom:0; }
.cmp tbody tr:hover th { background:#eef3f9; }
.cmp tbody tr:hover td.cmp-us { background:#e9f6ee; }
.cmp-y { color:#1e9e57; font-weight:bold; }
.cmp-n { color:#b96a63; }
.cmp-na { color:#8fa3b8; }
.cmp-note { font-size:13px; color:#5b6b7a; margin:10px 0 0 0; }
.cmp-split { background:#fff; border:1px solid #e0e6ec; border-radius:8px; padding:20px 22px; margin-bottom:20px; height:100%; }
.cmp-split h3 { margin-top:0; font-size:19px; }
.cmp-split ul { padding-left:18px; margin-bottom:0; }
.cmp-split li { margin-bottom:9px; font-size:14.5px; color:#42525f; }
.cmp-them { border-top:3px solid #8fa3b8; }
.cmp-them h3 { color:#42525f; }
.cmp-ours { border-top:3px solid #1e7a45; }
.cmp-ours h3 { color:#1a6b3d; }
.cmp-row { display:flex; flex-wrap:wrap; }
.cmp-row:before, .cmp-row:after { display:none; }
.cmp-row > [class*="col-"] { display:flex; float:none; }
.cmp-row .cmp-split { width:100%; }
.cmp-steps { counter-reset:cmpstep; padding-left:0; list-style:none; }
.cmp-steps li { counter-increment:cmpstep; position:relative; padding-left:42px; margin-bottom:15px; }
.cmp-steps li:before { content:counter(cmpstep); position:absolute; left:0; top:0; width:28px; height:28px; line-height:28px; text-align:center; border-radius:50%; background:#1f3a5f; color:#fff; font-weight:bold; font-size:14px; }

/* ------------------------------------------------------------------
   Domain price tables — Term column (.dp-*) — /domain-prices
   ------------------------------------------------------------------ */
.dp-term { white-space:nowrap; color:#5b6b7a; font-size:.92em; }
.dp-term-2 { color:#b06f06; font-weight:bold; }