/*
Theme Name: UniversoRecetas 27K
Theme URI: 
Description: Tema UniversoRecetas, basado en GeneratePress
Author: <a href="https://generatepress.com/about">Tom Usborne</a>
Author URI: 
Template: generatepress
Version: 3.6.1
*/


/* The plugin now uses the recommended approach for loading the css files.*/

/* UniversoRecetas — Appearance > Customize > Additional CSS (GeneratePress) */



/* Block Container hover */
.gb-container.my-linked-container {
    position: relative;
}

.gb-container.my-linked-container .gb-headline {
    position: initial;
}

.gb-container.my-linked-container a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.gb-container.my-linked-container:hover{
    color: var(--accent);
}


/* Narrow reading column on single posts (same idea as webcarebox.com) */
.single-post #content { max-width: 798px; margin-left: auto; margin-right: auto; }

/* Breadcrumbs (Element: Yoast breadcrumb) */
.ur-breadcrumb { font-size: 15px; color: var(--contrast-2); margin: 0 0 .75rem; }
.ur-breadcrumb a { color: var(--contrast-2); text-decoration: none; }
.ur-breadcrumb a:hover { color: var(--global-color-10); text-decoration: underline; }
@media (max-width: 768px) { .ur-breadcrumb { font-size: 14px; } }

/* Text links inside content: use the darker pink (contrast 5.9:1) */
.entry-content a { color: var(--global-color-10); }
.entry-content a:hover { color: #ad1457; }

/* "En resumen" box on non-recipe posts: accent border */
.ur-resumen { border-left-color: var(--accent) !important; }

/* Featured image under the title: natural size, never stretched (photos are ~380 px wide) */
.single-post .featured-image img { display: block; margin: 0 auto 1.5rem; max-width: 100%; height: auto; border-radius: 6px; }

/* WP Recipe Maker card: the theme already prints the featured image above, so hide the card's own */
.wprm-recipe-container .wprm-recipe-image { display: none; }
.wprm-recipe-container { margin: 2rem 0; }

/* Footer menus */
.ur-footer-menu { list-style: none; margin: 0; padding: 0; }
.ur-footer-menu li { margin: 0 0 .4rem; }
.ur-footer-menu a, .ur-legal-menu a { color: var(--base-3); text-decoration: none; }
.ur-footer-menu a:hover, .ur-footer-menu a:focus, .ur-legal-menu a:hover { color: var(--global-color-9); text-decoration: underline; }

/* Archive cards (category pages, home blog): same card look as webcarebox */
.generate-columns-container .inside-article { padding: 20px !important; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,.08); transition: transform .15s; }
.generate-columns-container .inside-article:hover { transform: translateY(-2px); }
.generate-columns-container .post-image img { width: 100%; height: 200px; object-fit: cover; }



/* ==========================================================================
   UniversoRecetas — CSS moved here from functions.php, page/Element inline blocks
   and Appearance > Customize > Additional CSS. Append to the end of style.css.
   ========================================================================== */

/* Hide author and the theme copyright (was Additional CSS) */
.author { display: none; }
.copyright.pull-right { display: none; }

/* Footer (was an inline <style> inside the footer Element) */
.ur-footer { background: var(--base); border-top: 4px solid var(--accent); padding: 2.5rem 1.5rem 1.5rem; margin-top: 3rem; }
.ur-footer h3 { font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 .75rem; }
.ur-footer ul { list-style: none; margin: 0; padding: 0; }
.ur-footer li { margin: 0 0 .45rem; }
.ur-footer a { color: var(--contrast); text-decoration: none; }
.ur-footer a:hover, .ur-footer a:focus { color: var(--global-color-10); text-decoration: underline; }
.ur-footer__copy { border-top: 1px solid var(--contrast-3); margin-top: 1.5rem; padding-top: 1rem; font-size: .9rem; color: var(--contrast-2); }

/* Home: search box (was an inline <style> in the "Inicio" page) */
.ur-home-search { max-width: 760px; margin: 0 auto 2rem; }
.ur-home-search .wp-block-search__inside-wrapper { border: 2px solid #e91e63; border-radius: 999px; overflow: hidden; background: #fff; }
.ur-home-search .wp-block-search__input { border: 0; padding: .8rem 1.2rem; font-family: inherit; font-size: 1rem; background: transparent; }
.ur-home-search .wp-block-search__input:focus { outline: none; box-shadow: none; }
.ur-home-search .wp-block-search__button { background: #e91e63; color: #fff; border: 0; border-radius: 0; padding: .8rem 1.6rem; font-family: inherit; font-weight: 700; margin: 0; cursor: pointer; }
.ur-home-search .wp-block-search__button:hover, .ur-home-search .wp-block-search__button:focus { background: #ad1457; color: #fff; }

/* Home: card corners when image and text stack (tablet/mobile) */
@media (max-width: 1024px) {
	.gb-container-8c2e861a, .gb-container-8c2e861a:before { border-radius: 12px 12px 0 0 !important; }
	.gb-container-8c2e861a { border-bottom: 0 !important; }
	.gb-container-b408319a { border-radius: 0 0 12px 12px !important; }
}

/* Related recipes under each post (was wp_add_inline_style in functions.php) */
.ur-related { margin: 2.5rem 0 0; padding-top: 1.5rem; border-top: 1px dotted var(--contrast-3, #b9b2b5); }
.ur-related__title { font-size: 1.35rem; margin: 0 0 1rem; }
.ur-rel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; list-style: none; margin: 0; padding: 0; }
.ur-rel-item { margin: 0; min-width: 0; }
.ur-rel-card { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: var(--contrast, #1f1a1c); border: 1px solid var(--contrast-3, #b9b2b5); border-radius: 8px; overflow: hidden; background: var(--base-3, #fff); transition: transform .15s, box-shadow .15s; }
.ur-rel-card:hover, .ur-rel-card:focus-visible { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(233, 30, 99, .18); border-color: var(--accent, #e91e63); }
.ur-rel-img { display: block; aspect-ratio: 3/2; overflow: hidden; background: var(--base, #f7f2f4); }
.ur-rel-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ur-rel-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding: .7rem .8rem; font-size: .95rem; line-height: 1.3; font-weight: 600; }
@media (max-width: 600px) { .ur-rel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Comments: skip rendering off-screen comments; slim template for very long threads (>300) */
.comment-list > li.comment { content-visibility: auto; contain-intrinsic-size: auto 140px; }
.ur-slim-comment { list-style: none; margin: 0 0 .9rem; padding: 0 0 .9rem; border-bottom: 1px solid var(--contrast-3, #ddd); }
.ur-slim-comment .fn { font-weight: 700; font-style: normal; }
.ur-slim-comment time { margin-left: .5rem; font-size: .85em; color: var(--contrast-2, #666); }
.ur-slim-comment .comment-content p { margin: .35rem 0 0; }

/* One-click star voter */
.ur-vote { margin: 2rem 0; padding: 1rem 1.25rem; border: 1px solid #e91e63; border-radius: 12px; text-align: center; }
.ur-vote-title { margin: 0 0 .25rem; font-weight: 700; }
.ur-vote-stars { display: inline-flex; flex-direction: row-reverse; gap: .15rem; }
.ur-vote-star { background: none; border: 0; padding: .1rem .2rem; font-size: 2.4rem; line-height: 1; color: #ccc; cursor: pointer; transition: color .12s, transform .12s; box-shadow: none; }
.ur-vote-star:hover, .ur-vote-star:hover ~ .ur-vote-star, .ur-vote-star:focus-visible, .ur-vote-star:focus-visible ~ .ur-vote-star, .ur-vote-star.on { color: #e91e63; background: none; }
.ur-vote-star:hover { transform: scale(1.12); }
.ur-vote-star:focus-visible { outline: 2px solid #ad1457; outline-offset: 2px; border-radius: 4px; }
.ur-vote.busy { opacity: .6; pointer-events: none; }
.ur-vote-msg { margin: .25rem 0 0; font-size: .95em; }

/* "Dejar un comentario" button */
.ur-comment-cta { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; align-items: center; justify-content: center; margin: 1.5rem 0; }
.ur-comment-cta .ur-comment-btn { display: inline-block; padding: .75rem 1.5rem; background: #e91e63; color: #fff; font-weight: 700; border-radius: 8px; text-decoration: none; border: 2px solid #e91e63; }
.ur-comment-cta .ur-comment-btn:hover, .ur-comment-cta .ur-comment-btn:focus { background: #ad1457; border-color: #ad1457; color: #fff; }
.ur-comment-cta .ur-comment-read { color: #c2185b; text-decoration: underline; }
.ur-comment-cta .ur-comment-read:hover { color: #ad1457; }
#respond, #comments { scroll-margin-top: 1rem; }

/* A-Z index ([ur_recetas_az] shortcode) */
.ur-az-nav ul { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0 0 1.5rem; padding: 0; }
.ur-az-nav a { display: inline-block; padding: .35rem .8rem; border: 1px solid currentColor; border-radius: 4px; text-decoration: none; }
.ur-az-nav .is-current a { font-weight: 700; }
.ur-az-list { column-width: 18em; column-gap: 2em; margin: 0 0 2rem; }
.ur-az-list li { break-inside: avoid; margin-bottom: .35rem; }


/* Excerpt under the post title (single posts) */
.entry-header .ur-excerpt { margin: .75rem 0 0; font-size: 1.15rem; line-height: 1.55; color: var(--contrast-2, #555); }