/*
Theme Name:   Bodeguita Memphis
Theme URI:    https://bodeguita.io
Description:  Tema hijo de Astra con estilo retro 90s Memphis para bodeguita.io.
Author:       bodeguita.io
Version:      1.6.0
Template:     astra
Text Domain:  bodeguita-memphis
*/

/* ============================================================
   BODEGUITA MEMPHIS — Estilo retro 90s
   Paleta: hot pink, cyan, mustard yellow, hueso (cream), negro
   ============================================================ */

:root {
  --bod-pink: #FF3D8A;
  --bod-cyan: #00D9E0;
  --bod-yellow: #FFD23F;
  --bod-black: #1A1A1A;
  --bod-cream: #FFF8E8;
  --bod-purple: #8B5CF6;
  --bod-green: #00C896;
  --bod-orange: #FF7B2C;
  --bod-shadow: 4px 4px 0 var(--bod-black);
  --bod-shadow-lg: 6px 6px 0 var(--bod-black);
}

/* === Body & global === */
body {
  background: var(--bod-cream) !important;
  color: var(--bod-black);
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  background-image:
    radial-gradient(circle at 25% 15%, var(--bod-pink) 1.5px, transparent 2px),
    radial-gradient(circle at 75% 35%, var(--bod-cyan) 1.5px, transparent 2px),
    radial-gradient(circle at 50% 75%, var(--bod-yellow) 1.5px, transparent 2px);
  background-size: 80px 80px, 100px 100px, 120px 120px;
  background-position: 0 0, 40px 40px, 20px 60px;
  background-attachment: fixed;
}

/* === Headings (chunky display font, white fill + thick black stroke) === */
h1, h2, h3, h4, h5, h6,
.entry-title, .ast-archive-title, .widget-title,
.site-title {
  font-family: 'Bungee', 'Bungee Inline', 'Archivo Black', system-ui, sans-serif !important;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #FFFFFF !important;
  -webkit-text-stroke: 2.5px var(--bod-black);
  text-stroke: 2.5px var(--bod-black);
  paint-order: stroke fill;
  text-shadow: 4px 4px 0 var(--bod-black);
  line-height: 1.35 !important;
  text-transform: none;
}

/* Post H1 (entry-title) - SOLID BLACK, readable, NOT chunky */
h1.entry-title, .single h1.entry-title, article h1.entry-title {
  font-family: 'Bungee', 'Archivo Black', sans-serif !important;
  font-weight: 400 !important;
  color: var(--bod-black) !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  text-shadow: none !important;
  font-size: clamp(1.8rem, 3.5vw, 2.4rem) !important;
  line-height: 1.25 !important;
  margin-bottom: 0.6em !important;
  text-transform: none !important;
  letter-spacing: -0.5px !important;
}
h1 { font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important; line-height: 1.3 !important; margin-bottom: 0.6em !important; }
h2 { font-size: clamp(1.3rem, 2.4vw, 1.7rem) !important; line-height: 1.35 !important; margin-top: 1.8em !important; }
h3 { font-size: clamp(1.1rem, 2vw, 1.4rem) !important; line-height: 1.3 !important; margin-top: 1.3em !important; }

/* === TL;DR box at top of article === */
.bod-tldr {
  background: var(--bod-cyan);
  border: 3px solid var(--bod-black);
  border-radius: 6px;
  padding: 20px 24px;
  margin: 0 0 30px 0;
  box-shadow: 5px 5px 0 var(--bod-black);
  font-family: 'Space Grotesk', sans-serif;
}
.bod-tldr p, .bod-tldr ul, .bod-tldr li {
  color: var(--bod-black) !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  font-family: 'Space Grotesk', sans-serif !important;
}
.bod-tldr p:first-child { margin-top: 0; font-size: 17px; }
.bod-tldr ul { margin: 12px 0 0 0; padding-left: 8px; list-style: none; }
.bod-tldr li { margin: 6px 0; font-size: 16px; }
.bod-tldr a { color: var(--bod-pink) !important; font-weight: 700; text-decoration: underline; }

/* === Simplified affiliate CTA === */
.bod-cta {
  background: transparent;
  border: none;
  padding: 8px 0 18px;
  margin: 16px 0;
  text-align: left;
  box-shadow: none;
}
.bod-cta p { margin: 0; font-family: 'Space Grotesk', sans-serif; }
.bod-cta a {
  display: inline-block;
  background: var(--bod-pink) !important;
  color: white !important;
  font-family: 'Bungee', sans-serif !important;
  font-size: 18px !important;
  padding: 14px 26px !important;
  border: 3px solid var(--bod-black) !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  box-shadow: 4px 4px 0 var(--bod-black) !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  transition: all 0.15s ease;
}
.bod-cta a:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--bod-black) !important;
  background: var(--bod-purple) !important;
}
.bod-cta-sub {
  font-size: 13px !important;
  color: var(--bod-black) !important;
  margin-top: 10px !important;
  font-style: italic;
  opacity: 0.85;
}

/* Custom byline */
.bodeguita-byline {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  color: var(--bod-black);
  background: var(--bod-yellow);
  border: 2px solid var(--bod-black);
  border-radius: 4px;
  padding: 8px 14px;
  display: inline-block;
  margin: 0 0 28px 0;
  box-shadow: 3px 3px 0 var(--bod-black);
  text-transform: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}
.bodeguita-byline a {
  color: var(--bod-pink) !important;
  text-decoration: none;
  font-weight: 600;
}
.bodeguita-byline a:hover {
  text-decoration: underline;
}
.bodeguita-byline strong {
  color: var(--bod-black);
}

/* === Single post: WIDER content area === */
.single .ast-container,
.single .site-content > .ast-container,
.single-post .ast-container,
.single .site-content,
.single .ast-container > .ast-row {
  max-width: 1200px !important;
}
.single .ast-article-single,
.single .entry-content,
.single .ast-article-inner {
  max-width: 100% !important;
  padding-left: clamp(20px, 4vw, 50px) !important;
  padding-right: clamp(20px, 4vw, 50px) !important;
}
.single .entry-content p,
.single .entry-content li {
  font-size: 17px !important;
  line-height: 1.7 !important;
  max-width: 100% !important;
}
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content table,
.single .entry-content blockquote,
.single .entry-content .wp-block-table,
.single .entry-content figure {
  max-width: 100% !important;
}

/* Hide empty byline slash */
.single .ast-author-name:empty,
.single .entry-meta:has(> a:empty) {
  display: none !important;
}

/* === Header & site title === */
.site-header,
.ast-primary-header-bar,
.main-header-bar {
  background: var(--bod-yellow) !important;
  border-bottom: 4px solid var(--bod-black) !important;
  box-shadow: 0 4px 0 var(--bod-pink);
}

.site-title a,
.site-title {
  color: #FFFFFF !important;
  -webkit-text-stroke: 2.5px var(--bod-black);
  paint-order: stroke fill;
  text-shadow: 3px 3px 0 var(--bod-black);
  font-size: 1.8rem !important;
  text-transform: lowercase;
  position: relative;
}
.site-title a::before {
  content: "🏪 ";
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.site-description {
  color: var(--bod-black) !important;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-style: italic;
}

/* === Primary navigation: FORCE single line, no wrap === */
.main-header-menu,
.main-header-menu .menu,
.ast-primary-header .main-header-bar-navigation .main-header-menu,
.ast-flex.main-header-container,
ul.main-header-menu {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
.main-header-menu > .menu-item,
.ast-primary-header .menu-item {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.main-header-menu > .menu-item > .menu-link,
.ast-primary-header .menu-link {
  font-family: 'Bungee', sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase;
  color: #FFFFFF !important;
  -webkit-text-stroke: 1.2px var(--bod-black);
  paint-order: stroke fill;
  letter-spacing: 0.3px;
  padding: 10px 10px !important;
  border-radius: 0;
  transition: all 0.15s ease;
  position: relative;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}
@media (min-width: 1100px) {
  .main-header-menu > .menu-item > .menu-link {
    font-size: 13px !important;
    padding: 10px 12px !important;
  }
}
@media (max-width: 1099px) and (min-width: 922px) {
  .main-header-menu > .menu-item > .menu-link {
    font-size: 11px !important;
    padding: 8px 7px !important;
    letter-spacing: 0 !important;
  }
}

.main-header-menu > .menu-item > .menu-link:hover,
.ast-primary-header .menu-link:hover {
  background: var(--bod-pink) !important;
  color: var(--bod-cream) !important;
  transform: rotate(-2deg);
}

/* Cycle accent colours per nav item */
.main-header-menu > .menu-item:nth-child(2):hover > .menu-link { background: var(--bod-pink) !important; color: white !important; }
.main-header-menu > .menu-item:nth-child(3):hover > .menu-link { background: var(--bod-cyan) !important; color: var(--bod-black) !important; }
.main-header-menu > .menu-item:nth-child(4):hover > .menu-link { background: var(--bod-purple) !important; color: white !important; }
.main-header-menu > .menu-item:nth-child(5):hover > .menu-link { background: var(--bod-green) !important; color: white !important; }
.main-header-menu > .menu-item:nth-child(6):hover > .menu-link { background: var(--bod-orange) !important; color: white !important; }

/* === Buttons === */
.wp-block-button__link, .button, button, input[type="submit"],
.ast-button, .read-more {
  background: var(--bod-pink) !important;
  color: white !important;
  border: 3px solid var(--bod-black) !important;
  border-radius: 0 !important;
  padding: 12px 24px !important;
  font-family: 'Bungee', sans-serif !important;
  text-transform: uppercase;
  font-size: 14px !important;
  letter-spacing: 0.5px;
  box-shadow: var(--bod-shadow);
  transition: all 0.12s ease;
}

.wp-block-button__link:hover, .button:hover, button:hover, input[type="submit"]:hover,
.ast-button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--bod-black);
  background: var(--bod-cyan) !important;
  color: var(--bod-black) !important;
}

/* === Homepage / archive: force CARD GRID layout === */
.blog .site-main .ast-row,
.archive .site-main .ast-row,
.search .site-main .ast-row,
.ast-blog-archive-wrap,
.ast-archive-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
}
.blog .site-main .ast-article-post,
.archive .site-main .ast-article-post,
.search .site-main .ast-article-post {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
@media (max-width: 992px) {
  .blog .site-main .ast-row,
  .archive .site-main .ast-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .blog .site-main .ast-row,
  .archive .site-main .ast-row {
    grid-template-columns: 1fr !important;
  }
}

/* === Article cards on the homepage === */
.ast-article-post,
article.post,
.ast-archive .ast-article-inner,
.blog .ast-article-post {
  background: white;
  border: 3px solid var(--bod-black);
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
  box-shadow: var(--bod-shadow);
  transition: all 0.18s ease;
  position: relative;
  overflow: hidden;
}

/* Big featured image at top of card */
.blog .ast-article-post .post-thumb,
.blog .ast-article-post .ast-article-image-container,
.archive .ast-article-post .post-thumb {
  margin: 0 !important;
  width: 100% !important;
  display: block !important;
}
.blog .ast-article-post .post-thumb img,
.blog .ast-article-post .ast-article-image-container img,
.archive .ast-article-post .post-thumb img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  border: 0 !important;
  border-bottom: 3px solid var(--bod-black) !important;
  display: block !important;
}

/* Card body (title + excerpt + button) */
.blog .ast-article-post .ast-article-inner,
.blog .ast-article-post .entry-content-wrap,
.archive .ast-article-post .ast-article-inner {
  padding: 20px 22px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Smaller titles inside cards */
.blog .ast-article-post .entry-title,
.archive .ast-article-post .entry-title {
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
  margin: 0 0 12px 0 !important;
  text-shadow: 2px 2px 0 var(--bod-black) !important;
  -webkit-text-stroke: 1.8px var(--bod-black) !important;
}

/* Excerpt text */
.blog .ast-article-post .entry-content,
.blog .ast-article-post .ast-the-content-wrap,
.archive .ast-article-post .entry-content {
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 0 16px 0 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  color: var(--bod-black) !important;
  flex: 1 1 auto !important;
}
.blog .ast-article-post .entry-content p,
.archive .ast-article-post .entry-content p {
  margin: 0 0 10px 0 !important;
}

/* Hide the duplicated default Astra Read Post link — we use our own “Leer más” in excerpt */
.blog .ast-article-post .ast-read-more-container,
.archive .ast-article-post .ast-read-more-container,
.blog .ast-article-post p.ast-read-more-container,
.blog .ast-article-post p.read-more.ast-read-more-container,
.blog .ast-blog-single-element.ast-read-more-container,
body .ast-read-more-container,
body .ast-article-post > .ast-post-format- > .post-content > p.read-more {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Inject the post title into the card via Astra title-meta header */
.blog .ast-article-post .entry-header.ast-blog-meta-container,
.archive .ast-article-post .entry-header.ast-blog-meta-container {
  padding: 16px 22px 0 22px !important;
  margin: 0 !important;
}
.blog .ast-article-post .entry-meta,
.archive .ast-article-post .entry-meta {
  margin-bottom: 8px !important;
}

/* Move excerpt container so it has padding */
.blog .ast-article-post .ast-excerpt-container,
.archive .ast-article-post .ast-excerpt-container {
  padding: 16px 22px 22px 22px !important;
}

/* Card title (injected via the_excerpt filter) — readable, no stroke clash */
.blog .ast-article-post .bodeguita-card-title,
.archive .ast-article-post .bodeguita-card-title {
  font-family: 'Bungee', sans-serif !important;
  font-weight: 400;
  font-size: 1.15rem !important;
  line-height: 1.2 !important;
  margin: 0 0 12px 0 !important;
  color: var(--bod-black) !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  display: block !important;
  letter-spacing: -0.3px;
}
.blog .ast-article-post .bodeguita-card-title a,
.archive .ast-article-post .bodeguita-card-title a {
  color: var(--bod-black) !important;
  text-decoration: none !important;
  background-image: linear-gradient(to top, var(--bod-yellow) 0, var(--bod-yellow) 25%, transparent 25%) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  padding: 0 4px !important;
  transition: background-size 0.3s ease;
}
.blog .ast-article-post .bodeguita-card-title a:hover,
.archive .ast-article-post .bodeguita-card-title a:hover {
  background-image: linear-gradient(to top, var(--bod-pink) 0, var(--bod-pink) 100%, transparent 100%) !important;
  color: white !important;
}
.blog .ast-article-post .ast-excerpt-container p,
.archive .ast-article-post .ast-excerpt-container p {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: var(--bod-black) !important;
  margin: 0 0 14px 0 !important;
}

/* Image: show the FULL design (no crop) */
.blog .ast-article-post .post-thumb,
.archive .ast-article-post .post-thumb,
.blog .ast-article-post .ast-article-image-container,
.archive .ast-article-post .ast-article-image-container,
.blog .ast-article-post .post-thumb-img-content,
.archive .ast-article-post .post-thumb-img-content,
.blog .ast-blog-featured-section,
.archive .ast-blog-featured-section {
  background: var(--bod-cream) !important;
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
}
.blog .ast-article-post .post-thumb img,
.archive .ast-article-post .post-thumb img,
.blog .ast-article-post .ast-article-image-container img,
.archive .ast-article-post .ast-article-image-container img,
.blog .ast-blog-featured-section img,
.archive .ast-blog-featured-section img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
  display: block !important;
  border: 0 !important;
  border-bottom: 3px solid var(--bod-black) !important;
}

/* “Leer más” button (the one we inject inside the excerpt HTML) */
.blog .ast-article-post .read-more,
.blog .ast-article-post .bodeguita-read-more a,
.archive .ast-article-post .read-more {
  display: inline-block !important;
  background: var(--bod-pink) !important;
  color: white !important;
  border: 3px solid var(--bod-black) !important;
  padding: 8px 16px !important;
  font-family: 'Bungee', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  text-decoration: none !important;
  box-shadow: 3px 3px 0 var(--bod-black) !important;
  align-self: flex-start !important;
  margin-top: 8px !important;
}
.blog .ast-article-post .read-more:hover,
.archive .ast-article-post .read-more:hover {
  background: var(--bod-cyan) !important;
  color: var(--bod-black) !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 5px 5px 0 var(--bod-black) !important;
}

.ast-article-post:hover,
article.post:hover {
  transform: translate(-3px, -3px) rotate(-0.4deg);
  box-shadow: 8px 8px 0 var(--bod-black);
}

/* Cycle through accent borders on cards */
.ast-archive .ast-article-post:nth-child(3n+1) { border-top: 8px solid var(--bod-pink); }
.ast-archive .ast-article-post:nth-child(3n+2) { border-top: 8px solid var(--bod-cyan); }
.ast-archive .ast-article-post:nth-child(3n+3) { border-top: 8px solid var(--bod-yellow); }

/* Featured image on cards */
.post-thumb img,
.ast-article-image-container img {
  border: 3px solid var(--bod-black);
  border-radius: 0;
}

/* === Article titles on cards === */
.ast-article-post .entry-title a,
.entry-title a {
  color: var(--bod-black) !important;
  text-decoration: none;
  background-image: linear-gradient(to top, var(--bod-yellow) 0, var(--bod-yellow) 30%, transparent 30%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0 4px;
  transition: background-size 0.3s ease;
}

.ast-article-post .entry-title a:hover,
.entry-title a:hover {
  background-image: linear-gradient(to top, var(--bod-pink) 0, var(--bod-pink) 100%, transparent 100%);
  color: white !important;
}

/* === Entry meta === */
.entry-meta, .post-meta, .ast-meta-container {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--bod-black);
  font-weight: 700;
}

.entry-meta a {
  background: var(--bod-cyan);
  color: var(--bod-black) !important;
  padding: 2px 8px;
  border: 2px solid var(--bod-black);
  text-decoration: none;
  margin-right: 6px;
}

/* === Single post content === */
.entry-content {
  font-size: 18px;
  line-height: 1.8;
}

.entry-content p {
  margin-bottom: 1.4em;
}

.entry-content blockquote {
  background: var(--bod-yellow);
  border-left: 6px solid var(--bod-pink);
  padding: 18px 24px;
  margin: 24px 0;
  font-family: 'Bungee', sans-serif;
  font-size: 1.1rem;
  box-shadow: var(--bod-shadow);
}

.entry-content code {
  background: var(--bod-black);
  color: var(--bod-cyan);
  padding: 2px 8px;
  border-radius: 0;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 0.95em;
}

.entry-content a {
  color: var(--bod-pink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 600;
}

.entry-content a:hover {
  background: var(--bod-yellow);
  color: var(--bod-black);
}

.entry-content h2 {
  margin-top: 2.5em;
  margin-bottom: 0.8em;
  display: inline-block;
  background: var(--bod-pink);
  color: #FFFFFF !important;
  -webkit-text-stroke: 2px var(--bod-black);
  paint-order: stroke fill;
  text-shadow: 3px 3px 0 var(--bod-black);
  padding: 6px 16px;
  border: 3px solid var(--bod-black);
  box-shadow: var(--bod-shadow);
  transform: rotate(-1deg);
}

.entry-content h3 {
  margin-top: 2em;
  margin-bottom: 0.6em;
  display: inline-block;
  background: var(--bod-cyan);
  color: #FFFFFF !important;
  -webkit-text-stroke: 1.8px var(--bod-black);
  paint-order: stroke fill;
  text-shadow: 2px 2px 0 var(--bod-black);
  padding: 4px 12px;
  border: 3px solid var(--bod-black);
}

.entry-content ul li,
.entry-content ol li {
  margin-bottom: 0.5em;
}

.entry-content ul li::marker {
  color: var(--bod-pink);
  font-size: 1.2em;
}

/* === Footer === */
.site-footer,
.footer-widget-area,
.ast-footer-overlay {
  background: var(--bod-black) !important;
  color: var(--bod-cream) !important;
  border-top: 4px solid var(--bod-pink);
}

.site-footer a,
.footer-widget-area a,
.site-info a {
  color: var(--bod-yellow) !important;
}

.site-footer a:hover {
  color: var(--bod-pink) !important;
}

.footer-widget-area .menu-item a {
  color: var(--bod-cream) !important;
}

/* === Sidebar widgets === */
.widget {
  background: white;
  border: 3px solid var(--bod-black);
  padding: 20px;
  margin-bottom: 28px;
  box-shadow: var(--bod-shadow);
}

.widget-title {
  background: var(--bod-pink);
  color: #FFFFFF !important;
  -webkit-text-stroke: 1.5px var(--bod-black);
  paint-order: stroke fill;
  text-shadow: 2px 2px 0 var(--bod-black);
  padding: 8px 14px;
  margin: -20px -20px 16px -20px;
  border-bottom: 3px solid var(--bod-black);
  font-size: 1.1rem;
  text-transform: uppercase;
}

/* === Cookie notice (compliance/cookie-notice plugin) === */
#cookie-notice .cookie-notice-container {
  background: var(--bod-black) !important;
  color: var(--bod-cream) !important;
  border-top: 4px solid var(--bod-pink) !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

#cookie-notice .cn-set-cookie {
  background: var(--bod-pink) !important;
  border: 3px solid var(--bod-cream) !important;
  color: white !important;
  font-family: 'Bungee', sans-serif !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

/* === Misc === */
::selection {
  background: var(--bod-pink);
  color: white;
}

img {
  border-radius: 0 !important;
}

/* Wider content on single posts */
.ast-single-post .entry-content {
  max-width: 740px;
  margin: 0 auto;
}

/* Hero/featured area on home — to be styled when we add featured posts */
.hero-bodeguita {
  background: var(--bod-pink);
  border: 4px solid var(--bod-black);
  padding: 60px 40px;
  margin-bottom: 40px;
  box-shadow: var(--bod-shadow-lg);
  text-align: center;
  position: relative;
}

.hero-bodeguita h1 {
  color: #FFFFFF !important;
  -webkit-text-stroke: 3px var(--bod-black);
  paint-order: stroke fill;
  text-shadow: 6px 6px 0 var(--bod-black);
}

.hero-bodeguita::before {
  content: "★";
  position: absolute;
  top: -20px;
  left: -20px;
  background: var(--bod-yellow);
  color: var(--bod-black);
  width: 60px;
  height: 60px;
  border: 3px solid var(--bod-black);
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-15deg);
}

.hero-bodeguita::after {
  content: "★";
  position: absolute;
  bottom: -20px;
  right: -20px;
  background: var(--bod-cyan);
  color: var(--bod-black);
  width: 60px;
  height: 60px;
  border: 3px solid var(--bod-black);
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(15deg);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  body { font-size: 16px; }
  h1, .entry-title { font-size: 2rem; }
  .ast-article-post { padding: 18px; }
  .entry-content h2 { padding: 4px 10px; font-size: 1.4rem; }
}