/*
Theme Name: Valentine Network Dark
Theme URI: https://valentinenetwork.cloud
Description: Custom dark-mode video distribution child theme of Twenty Twenty-Five. Netflix-style responsive video grid with 16:9 thumbnails, crypto/payment unlock UI styling. No pro version, no upsell.
Author: Valentine Network
Author URI: https://valentinenetwork.cloud
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: valentinenetwork
Tags: dark, video, blog, custom-colors, responsive
*/

/*
 * ────────────────────────────────────────────────────────────────
 * Valentine Network — Dark Mode Theme CSS
 * Parent theme: Twenty Twenty-Five
 * Palette:
 *   Background:   #0a0a0f  (near-black)
 *   Surface:      #14141f  (dark navy card)
 *   Border:       #1e1e2e  (subtle)
 *   Text:         #e4e4ec  (off-white)
 *   Muted:        #8888a0  (gray-purple)
 *   Accent:       #e63946  (red — primary action)
 *   Accent alt:   #f4a261  (amber — crypto/payment)
 * ────────────────────────────────────────────────────────────────
 */

/* ── Global Background & Text ── */
body {
  background-color: #0a0a0f !important;
  color: #e4e4ec !important;
}

body .wp-site-blocks {
  background-color: #0a0a0f;
  color: #e4e4ec;
}

/* Force dark on all block backgrounds */
.wp-block-group,
.wp-block-cover,
.wp-block-column,
.wp-block-columns {
  background-color: transparent;
}

/* ── Header / Navigation ── */
header.wp-block-template-part,
.site-header,
.wp-site-blocks > header {
  background-color: #0c0c14 !important;
  border-bottom: 1px solid #1e1e2e !important;
}

header a,
.wp-block-navigation a,
.wp-block-navigation-item a {
  color: #c4c4d4 !important;
}

header a:hover,
.wp-block-navigation a:hover,
.wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item > a {
  color: #e63946 !important;
}

/* Site title */
.wp-block-site-title a {
  color: #e4e4ec !important;
  text-decoration: none !important;
}

.wp-block-site-title a:hover {
  color: #e63946 !important;
}

/* Site tagline */
.wp-block-site-tagline {
  color: #8888a0 !important;
}

/* ── Post Grid Cards ── */
.wp-block-post,
.wp-block-post-template li,
main .wp-block-post {
  background-color: #14141f !important;
  border: 1px solid #1e1e2e !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.wp-block-post:hover {
  border-color: #e63946 !important;
  box-shadow: 0 6px 24px rgba(230, 57, 70, 0.18) !important;
}

/* ── 16:9 Thumbnails ── */
.wp-block-post-featured-image,
.wp-block-post-featured-image a,
.wp-block-post-featured-image img {
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  width: 100% !important;
  border-radius: 10px 10px 0 0 !important;
  margin: 0 !important;
}

/* ── Post Titles ── */
.wp-block-post-title,
.wp-block-post-title a {
  color: #e4e4ec !important;
  font-size: 1.15rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.wp-block-post-title a:hover {
  color: #e63946 !important;
}

/* ── Categories / Meta tags ── */
.wp-block-post-terms,
.wp-block-post-terms a,
.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms__separator {
  color: #8888a0 !important;
  font-size: 0.8rem !important;
}

.wp-block-post-terms a,
a.wp-block-post-terms__link {
  color: #f4a261 !important;
  background: rgba(244, 162, 97, 0.1) !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  font-size: 0.78rem !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 2px 4px 2px 0 !important;
  transition: background 0.15s ease;
}

.wp-block-post-terms a:hover {
  background: rgba(244, 162, 97, 0.28) !important;
  color: #ffd0a0 !important;
}

/* ── Single Post / Video Page ── */
.single-post main,
.single main {
  background-color: #0a0a0f !important;
}

.single-post .wp-block-post-title,
.single .wp-block-post-title {
  font-size: 2.2rem !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

.single-post .wp-block-post-date,
.single .wp-block-post-date,
.single-post .wp-block-post-terms a,
.single .wp-block-post-terms a {
  color: #8888a0 !important;
}

/* Video player / embed */
.wp-block-embed,
.wp-block-video,
figure.wp-block-embed,
.wp-block-embed__wrapper {
  background: #000 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.wp-block-embed iframe,
.wp-block-video video,
.wp-block-embed__wrapper iframe {
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ── Paywall / Unlock UI ── */
.paywall-box,
.video-unlock,
.ptv-rental-wrapper {
  background: #14141f !important;
  border: 2px solid #1e1e2e !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  text-align: center !important;
  margin: 2rem 0 !important;
}

.paywall-box h2,
.paywall-box h3,
.video-unlock h3 {
  color: #e4e4ec !important;
}

.paywall-price,
.video-unlock .price {
  color: #f4a261 !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
}

/* Buttons */
.wp-block-button__link,
.wp-element-button,
button.wp-block-button__link {
  background: #e63946 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 14px 30px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
  background: #c1121f !important;
  transform: translateY(-1px);
}

/* Secondary buttons */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid #e63946 !important;
  color: #e63946 !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: rgba(230, 57, 70, 0.12) !important;
  color: #ff5560 !important;
}

/* ── Footer ── */
footer.wp-block-template-part,
.site-footer,
.wp-site-blocks > footer {
  background-color: #0c0c14 !important;
  border-top: 1px solid #1e1e2e !important;
  color: #8888a0 !important;
}

footer a,
.wp-site-blocks > footer a {
  color: #c4c4d4 !important;
  text-decoration: none !important;
}

footer a:hover {
  color: #e63946 !important;
}

/* ── Links (global) ── */
a {
  color: #e63946;
  transition: color 0.15s ease;
}

a:hover {
  color: #f4a261;
}

/* ── Pagination ── */
.wp-block-query-pagination {
  margin-top: 2rem !important;
}

.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
  background: #14141f !important;
  border: 1px solid #1e1e2e !important;
  color: #c4c4d4 !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
}

.wp-block-query-pagination .current {
  background: #e63946 !important;
  border-color: #e63946 !important;
  color: #fff !important;
}

/* ── Search ── */
.wp-block-search__input,
input[type="search"] {
  background: #14141f !important;
  border: 1px solid #1e1e2e !important;
  color: #e4e4ec !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
}

.wp-block-search__button {
  background: #e63946 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
}

/* ── Tables ── */
table,
.wp-block-table table {
  background: #14141f !important;
  border: 1px solid #1e1e2e !important;
  color: #e4e4ec !important;
}

th {
  background: #0c0c14 !important;
  color: #e4e4ec !important;
}

td {
  border-color: #1e1e2e !important;
}

/* ── Code blocks ── */
code, pre {
  background: #14141f !important;
  color: #f4a261 !important;
  border: 1px solid #1e1e2e !important;
}

/* ── Forms ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  background: #14141f !important;
  border: 1px solid #1e1e2e !important;
  color: #e4e4ec !important;
  border-radius: 6px !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #e63946 !important;
  outline: none !important;
}

/* ── Scrollbar (Webkit) ── */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a0a0f;
}
::-webkit-scrollbar-thumb {
  background: #1e1e2e;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e63946;
}

/* ── Crypto payment highlight box ── */
.crypto-box,
.crypto-payment,
.mycryptocheckout {
  background: rgba(244, 162, 97, 0.08) !important;
  border: 1px solid rgba(244, 162, 97, 0.3) !important;
  border-radius: 8px !important;
  padding: 1.25rem !important;
  color: #e4e4ec !important;
}

.crypto-box h3,
.crypto-box h4 {
  color: #f4a261 !important;
}

/* ── Responsive: Mobile ── */
@media (max-width: 600px) {
  .wp-block-post-title,
  .wp-block-post-title a {
    font-size: 1rem !important;
  }

  .single-post .wp-block-post-title,
  .single .wp-block-post-title {
    font-size: 1.6rem !important;
  }

  .paywall-box,
  .video-unlock {
    padding: 1.25rem !important;
  }

  .paywall-price,
  .video-unlock .price {
    font-size: 1.6rem !important;
  }

  .wp-block-button__link,
  .wp-element-button {
    padding: 12px 22px !important;
  }
}

/* ── Responsive: Tablet ── */
@media (min-width: 601px) and (max-width: 1024px) {
  .wp-block-post-title,
  .wp-block-post-title a {
    font-size: 1.05rem !important;
  }

  .single-post .wp-block-post-title {
    font-size: 1.9rem !important;
  }
}