/*
Theme Name: BlockSponsor WS Red
Theme URI: https://example.com/blocksponsor-ws-red
Author: BlockSponsor
Author URI: https://example.com
Description: Clean WorldStar-style dark blood-red theme with a responsive grid. Minimal and PHP 8 ready.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: grid-layout, blog, two-columns, custom-logo, featured-images
Text Domain: blocksponsor-ws-red
*/

/* Base */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#2b0006;color:#f2f2f2;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:#ff4157;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}

/* Header */
.header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#3b0009 0%,#240006 100%);border-bottom:1px solid #560013}
.header .wrap{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:16px}
.site-title{font-weight:800;font-size:1.25rem;letter-spacing:.5px}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:16px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid{grid-template-columns:1fr}}

/* Cards */
.card{background:#210006;border:1px solid #4a0010;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .12s ease, box-shadow .12s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.45)}
.card-body{padding:12px}
.card-title{font-size:1rem;font-weight:700;margin:0 0 6px}
.card-meta{font-size:.85rem;opacity:.8}

/* Footer */
.footer{color:#c7c7c7;padding:40px 16px;text-align:center;border-top:1px solid #560013}
/* ---- BlockSponsor Submit Video Form Styling ---- */
.ws-form {
  background: #1a0003;
  border: 1px solid #4a0010;
  border-radius: 14px;
  padding: 25px;
  max-width: 700px;
  margin: 20px auto;
  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
}

.ws-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
  color: #ff4157;
}

.ws-form input[type="text"],
.ws-form input[type="url"],
.ws-form textarea {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 18px;
  border-radius: 10px;
  border: 1px solid #5c0012;
  background: #2a0004;
  color: #fff;
  font-size: 15px;
  transition: border-color 0.2s ease;
}

.ws-form input[type="text"]:focus,
.ws-form input[type="url"]:focus,
.ws-form textarea:focus {
  border-color: #ff4157;
  outline: none;
}

.ws-form textarea {
  min-height: 140px;
  resize: vertical;
}

.ws-form button {
  display: inline-block;
  background: #ff4157;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px 22px;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
}

.ws-form button:hover {
  background: #ff223d;
  transform: translateY(-2px);
}

/* Success/error notices */
.notice {
  padding: 12px 15px;
  border-radius: 10px;
  margin-bottom: 15px;
  background: #143014;
  border: 1px solid #1e4d1e;
  color: #b2f0b2;
  font-weight: 500;
}

.notice.error {
  background: #3a1010;
  border-color: #721717;
  color: #ffb3b3;
}