/*
Theme Name: LUJO BLOG WP
Theme URI: 
Author: Lujo Network
Author URI: 
Description: Tema de Wordpress para el blog de Lujo Network.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lujo-blog-wp
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
 
.wp-block-template-part {
    margin-top: 0px !important;     
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

time {
    text-transform: capitalize;
}

#POST-CONTENT img {
    border-radius: 40px;
    box-shadow: 0px 25px 0px #f2df01;
}

body.wp-singular.post-template-default.single.single-post #POST-CONTENT img {
    margin-bottom: 2rem;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

.ln-relative {
    position: relative !important;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

p.wp-block-post-excerpt__more-text:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('https://blog.lujonetwork.com/wp-content/uploads/2025/11/Contenido.png');
    background-size: contain;
    margin-right: 7px;
    margin-bottom: -2px;
}


/* Selector de categorias en el home page */
select#wp-block-categories-1 {
    font-size: large;
    padding: 8px 50px 8px 8px;
    border-radius: 8px;
    border: 0;
    background-image: url('http://lujo-network-blog.local/wp-content/uploads/2025/07/arrow-down.png');
    background-color: var(--wp--preset--color--custom-ln-yellow);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 208px 14px;
}

select#wp-block-categories-1:hover {
	cursor: pointer;	
}




/* Category styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

select:after{
  content: 'V';
  position: absolute;
  width: 20px;
  height:20px;
  right:0;
}

 .wp-site-blocks {
    overflow-x: hidden;
 }





/* Shape Dividers */

 .ln-shape-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.ln-shape-divider-bottom svg {
    position: relative;
    display: block;
    width: calc(139% + 1.3px);
    height: 69px;
}

.ln-shape-divider-bottom .shape-fill {
    fill: var(--wp--preset--color--custom-ln-yellow);
}

.ln-shape-divider-bottom .shape-fill.ln-shape-divider-bottom--black {
    fill: var(--wp--preset--color--custom-ln-black);
}

.ln-shape-divider-bottom .shape-fill.ln-shape-divider-bottom--white {
    fill: #fff
}

.ln-shape-divider-bottom .shape-fill.ln-shape-divider-bottom--white.ln-shape-divider-bottom--dark {
    fill: var(--wp--preset--color--custom-ln-yellow);
}

.ln-shape-divider-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0
}

.ln-shape-divider-top svg {
    position: relative;
    display: block;
    width: calc(139% + 1.3px);
    height: 69px
}

.ln-shape-divider-top .shape-fill {
    fill: var(--wp--preset--color--custom-ln-yellow);
}

.ln-shape-divider-top .shape-fill.ln-shape-divider-top--black {
    fill: var(--wp--preset--color--custom-ln-black);
}
.ln-shape-divider-top .shape-fill.ln-shape-divider-top--white {
    fill: #fff
}

.ln-shape-divider-top .shape-fill.ln-shape-divider-top--white.ln-shape-divider-top--dark {
    fill: var(--wp--preset--color--custom-new-ln-yellow);}

.ln-truncate-string-23 {
    width: 23ch; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* SINGLE POST */
#POST-CONTENT .wp-post-image {
    border-bottom: 30px solid var(--wp--preset--color--custom-new-ln-yellow);
    border-radius: 60px;
}


    
.wp-block-post-excerpt__more-text {
    text-align: right;
    margin-top: 30px;
}

#HERO:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 56vw;
    background: linear-gradient(360deg, #181818, #18181800), linear-gradient(45deg, #00000063, #0000006e);
}

.wp-singular #HERO:before {
    height: 56.3vw;
}

.hero-dark-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: linear-gradient(360deg, #181818, #18181800), linear-gradient(45deg, #00000063, #0000006e);
}
figure#ln-post-image-logo {
    position: absolute;
    right: 0;
    bottom: 11px;
}
header.wp-block-template-part {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    right: 0;
}
.search-results .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    position: relative;
}

.trp-ls-shortcode-current-language {
    width: auto !important;
}



/* TOP NAVIGATION */

#ln-home-top-nav .wp-block-navigation-item__content.wp-block-navigation-item__content {
    opacity: 0.8;
}

@media ( min-width: 1200px ) {
    ul.wp-block-navigation__container.has-text-color.has-base-color.is-responsive.ln-top-nav-main-items.wp-block-navigation li:after {
        content: '>';
        position: absolute;
        right: -28px;
        color: white;
    }
    
    ul.wp-block-navigation__container.has-text-color.has-base-color.is-responsive.ln-top-nav-main-items.wp-block-navigation li:last-child:after{
        content: unset;
    }
}

li.wp-block-navigation-item.blog-active.wp-block-navigation-link {
    font-weight: bold;
    color: var(--wp--preset--color--custom-ln-yellow);
    text-decoration: underline;
}

.ln-login-style .wp-block-navigation-item__label img{
    width: 30px;
    height: 30px;
}

.ln-login-style .wp-block-navigation-item__label{
    width: 30px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
}

.ln-button-style a{
    padding: 5px 10px !important;
    border: 1px solid #ffffffbf;
    border-radius: 10px;
}

/* MOBILE NAV */
.wp-block-navigation .wp-block-navigation-item {
    width: max-content;
}

@media ( max-width: 1200px ) {
    .ln-top-nav-main-items .is-menu-open.wp-block-navigation__responsive-container {
        background-color: #ffffff00 !important;
        padding: 2em;
        background: linear-gradient(90deg, #00000099, #000000);
    }

    .ln-top-nav-main-items .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        text-transform: uppercase;
    }
}

/* SIDEBAR SEARCH FORM */
.wp-block-search__inside-wrapper input {
    color: white;
}

button.wp-block-search__button.has-icon.wp-element-button {
    position: absolute;
    left: 13px;
    top: 10px;
    margin: 0px;
    padding: 2px;
    background: none;
}
.search-results button.wp-block-search__button.has-icon.wp-element-button {
    top: 6px;
}

.wp-block-search__inside-wrapper {
    position: relative;
}

input#wp-block-search__input-3 {
    height: 40px;
    border-radius: 10px;
    padding-left: 48px;
    background: none;
    border: 1px solid white;
}
svg.search-icon {
    background-color: transparent;
    color: white;
}
a.wp-block-button__link.has-border-color.wp-element-button {
    border-color: #ffffff24 !important;
}

div#LN-VIDEO-MASK {
    max-height: 576px;
    overflow: hidden;
    border-radius: 30px;
}

#POSICIONATE {
    background: url('https://blog.lujonetwork.com/wp-content/uploads/2025/11/lujo-network-favicon-opacity.png') center/311px, radial-gradient(circle at 50% 31%, rgb(188, 172, 49) 0%,#181818 62%);
    background-repeat: no-repeat;
    background-position: 50% 16%;
}



/*
 *  Shortcode Language Switcher
 */
 @media ( max-width: 1200px ) {
    .trp-language-switcher{
        width: 150px;
    }
    
    /*.trp-language-switcher.trp-language-switcher-container {*/
    /*    display: flex;*/
    /*    justify-content: flex-end;*/
    /*}*/
    
    /*a.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {*/
    /*    display: flex;*/
    /*    flex-direction: row-reverse;*/
    /*    column-gap: 10px;*/
    /*    align-items: center;*/
    /*}*/
    
    /*.trp-language-switcher > div > a {*/
    /*    display: flex;*/
    /*    flex-direction: row-reverse;*/
    /*    column-gap: 10px;*/
    /*    align-items: center;*/
    /*}*/
 }
 
 @media (min-width: 1200px){
    /*.trp-language-switcher{*/
    /*    width: 80px;*/
    /*}*/
 }




/*
 *  Mobile menu collapse at 1200px WIDE
 */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

@media (min-width: 1200px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}





/*
 *  Newsletter pattern form
 */
#NEWSLETTER-FORM .uagb-forms-main-submit-button-wrap {
    position: absolute;
    right: 1px;
    top: 2px;
}

#NEWSLETTER-FORM form {
    position: relative;
}