/*
Theme Add-on: The Royal Lakshya Style
Purpose: Apply global black-and-gold premium look across pages & posts.
Author: Lakshya Verma
*/

/* ===============================
   GLOBAL THEME COLORS & FONTS
   =============================== */
:root {
  --royal-bg: #000000;
  --royal-gold: #D4AF37;
  --royal-gold-light: #FFD700;
  --royal-text: #f3f3f3;
  --royal-font-body: 'Poppins', sans-serif;
  --royal-font-head: 'Playfair Display', serif;
}

body {
  background-color: var(--royal-bg);
  color: var(--royal-text);
  font-family: var(--royal-font-body);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* ===============================
   TYPOGRAPHY & LINKS
   =============================== */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--royal-font-head);
  color: var(--royal-gold);
  font-weight: 900;
  margin-top: 1.2em;
  margin-bottom: .6em;
  line-height: 1.3;
}

p { margin-bottom: 1em; }

a {
  color: var(--royal-gold-light);
  text-decoration: none;
  transition: color .3s ease, filter .3s ease;
}
a:hover {
  color: var(--royal-gold);
  filter: brightness(1.2);
}

/* ===============================
   IMAGES & MEDIA
   =============================== */
img {
  max-width: 100%;
  height: auto;
  border-radius: 0; /* straight corners */
  display: block;
}

/* ===============================
   BUTTONS
   =============================== */
button, .button, input[type="submit"] {
  background: linear-gradient(90deg, var(--royal-gold) 0%, var(--royal-gold-light) 100%);
  color: #000;
  border: none;
  padding: 12px 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  cursor: pointer;
  transition: transform .15s ease, filter .2s ease;
}
button:hover, .button:hover, input[type="submit"]:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* ===============================
   HEADER / FOOTER HIDING (optional)
   =============================== */
header.site-header,
footer.site-footer,
#ht-colophon,
.ht-site-footer {
  display: none !important;
}

/* ===============================
   CARDS / BOXES / WIDGETS
   =============================== */
.widget, .card, .entry-content, article.post {
  background-color: #0b0b0d;
  color: var(--royal-text);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: 0;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
  padding: 20px;
  margin-bottom: 24px;
}

/* ===============================
   BLOCKQUOTES
   =============================== */
blockquote {
  border-left: 3px solid var(--royal-gold);
  padding-left: 16px;
  color: var(--royal-gold-light);
  font-style: italic;
}

/* ===============================
   RESPONSIVE ADJUSTMENTS
   =============================== */
@media (max-width: 768px) {
  body { font-size: 15px; }
  h1 { font-size: 26px; }
  .widget, .card, article.post { padding: 16px; }
}
@media (max-width: 480px) {
  h1 { font-size: 22px; }
}