/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
  --affiliate-label: "Your Next Step…";
  --affiliate-color: #000000;
}

/* Affiliate Disclosure Styling */
.affiliate-disclosure {
  font-size: 0.95em;
  font-style: italic;
  background-color: #fdfdfd;
  border-left: 4px solid #ccc;
  padding: 2px 16px;
  margin: 20px auto;
  max-width: 600px;
  color: #444;
  text-align: left;
}

/* Affiliate Block Header Injection */
.affiliate-links::before {
  content: var(--affiliate-label, "Your Next Step…");
  font-family: inherit;
  font-size: 1.25em;
  font-weight: 600;
  font-style: italic;
  color: var(--affiliate-color, #000000);
  margin-bottom: 0.5em;
  display: block;
  letter-spacing: 0.3px;
}

/* Affiliate Block Header Injection */
.affiliate-links-title::before {
  content: var(--affiliate-label, "Your Next Step…");
  font-family: inherit;
  font-size: 1.25em;
  font-weight: 600;
  font-style: italic;
  color: var(--affiliate-color, #000000);
  margin-bottom: 0.5em;
  display: block;
  letter-spacing: 0.3px;
}

/*****************************/
/* Affiliate links container */
/*****************************/

.affiliate-links-container {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    background-color: #f9f9f9 !important;
    display: block !important;
    visibility: visible !important;
}

.affiliate-links-container h3 {
    margin-top: 0 !important;
    color: #333 !important;
    font-size: 1.2em !important;
}

.affiliate-links-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.affiliate-link-item {
    margin-bottom: 10px !important;
    padding: 10px !important;
    background: white !important;
    border-radius: 4px !important;
    border: 1px solid #eee !important;
    display: block !important;
    visibility: visible !important;
}

.affiliate-link {
    text-decoration: none !important;
    color: #000 !important;
    display: inline !important;
    visibility: visible !important;
}

.affiliate-link:hover {
    text-decoration: underline !important;
}

.affiliate-link strong {
    color: #000 !important;
}

.affiliate-link small {
    color: #000 !important;
    display: block !important;
    margin-top: 5px !important;
}