/*
Theme Name: Petzorg Child
Description: Child Theme for petzorg Theme
Author: zozothemes
Version: 1.0
Template: petzorg
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: zozothemes
*/

/*Custom Style Code Right Here */

/* =============================================
   BOTON READ MORE - Quitar animacion hueso, agregar orejitas de gato
   ============================================= */

/* --- NEUTRALIZAR LA ANIMACION DEL HUESO --- */
/* El tema usa .read-more:before/:after con transform scale para el efecto hueso */
a.read-more:before,
a.read-more::before,
a.read-more:after,
a.read-more::after,
.post-more .read-more:before,
.post-more .read-more::before,
.post-more .read-more:after,
.post-more .read-more::after,
.post-more:hover .read-more:before,
.post-more:hover .read-more::before,
.post-more:hover .read-more:after,
.post-more:hover .read-more::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    transform: none !important;
    opacity: 0 !important;
    transition: none !important;
    background: none !important;
    background-image: none !important;
}

/* --- OREJITAS DE GATO --- */
/* El contenedor necesita position relative */
.post-more {
    position: relative !important;
    display: inline-block;
    overflow: visible !important;
}

/* Oreja izquierda (triangulo CSS hacia arriba) */
.post-more::before {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    top: 0px !important;
    left: 12px !important;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 14px solid #667352 !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
    transform: none !important;
    transition: opacity 0.2s ease, top 0.2s ease !important;
    pointer-events: none;
    z-index: 10 !important;
    border-radius: 0 !important;
}

/* Oreja derecha */
.post-more::after {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    top: 0px !important;
    right: 12px !important;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 14px solid #667352 !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
    transform: none !important;
    transition: opacity 0.2s ease, top 0.2s ease !important;
    pointer-events: none;
    z-index: 10 !important;
    border-radius: 0 !important;
}

/* Al hacer hover, las orejas aparecen y suben */
.post-more:hover::before,
.post-more:hover::after {
    opacity: 0 !important;
}


/* ============================================
   MENU LATERAL ESPECIALIDADES - Formato botón
   (aplica a todas las páginas de Medicina Felina)
   ============================================ */

/* Cada ítem: reducir altura y dar fondo de botón */
.elementor-element-74d9b00 .zhf-menu-wrap .zhf-nav-menu > li {
    height: auto !important;
    line-height: normal !important;
    background-color: #8f9975 !important;
    border-radius: 6px !important;
    margin-bottom: 6px !important;
}

/* El enlace dentro del ítem - corregir margen negativo del tema */
.elementor-element-74d9b00 .zhf-menu-wrap .zhf-nav-menu > li > a {
    display: block !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover sobre el botón */
.elementor-element-74d9b00 .zhf-menu-wrap .zhf-nav-menu > li:hover {
    background-color: #667352 !important;
}

.elementor-element-74d9b00 .zhf-menu-wrap .zhf-nav-menu > li:hover > a {
    color: #ffffff !important;
}

/* Ítem activo (página actual) */
.elementor-element-74d9b00 .zhf-menu-wrap .zhf-nav-menu > li.current-menu-item {
    background-color: #667352 !important;
}

.elementor-element-74d9b00 .zhf-menu-wrap .zhf-nav-menu > li.current-menu-item > a {
    color: #ffffff !important;
}


/* =============================================
 *    PORTFOLIO SINGLE - Ocultar imagen destacada del tema
 *    (se usa widget de imagen de Elementor en su lugar)
 *    ============================================= */
.portfolio-single .portfolio-image,
.portfolio-image {
	    display: none !important;
}

/* =============================================
 *    PORTFOLIO SINGLE - Eliminar cuadrado verde (metadatos)
 *    ============================================= */
.row.portfolio-details .col-sm-4 {
    display: none !important;
}

/* Make the content full width since the meta column is hidden */
.row.portfolio-details .col-sm-8 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Portfolio page header - background and title color override */
.single.single-cea-portfolio .petzorg-page-header {
    background-color: #667352 !important;
}

.single.single-cea-portfolio .page-title-wrap .page-title {
    color: #EDC2BF !important;
}

.single.single-cea-portfolio .page-title-wrap .breadcrumb li {
    color: #EDC2BF !important;
}

/* Remove dark overlay on portfolio page header */
.single.single-cea-portfolio .petzorg-page-header::after {
    background-color: transparent !important;
    background-image: none !important;
}

/* Portfolio breadcrumb links - change from orange to pink */
.single.single-cea-portfolio .page-title-wrap .breadcrumb a,
.single.single-cea-portfolio .page-title-wrap .breadcrumb a:visited,
.single.single-cea-portfolio .page-title-wrap .breadcrumb a:hover,
.single.single-cea-portfolio .page-title-wrap .breadcrumb a:active {
    color: #EDC2BF !important;
}


/* Hide decorative cat and dog background images from footer */
.site-footer .site-footer-wrap .footer-widgets-wrap::before,
.site-footer .site-footer-wrap .footer-widgets-wrap::after {
  display: none !important;
}

/* Reduce footer height - half the padding */
.footer-widgets-wrap {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}


/* =============================================
TITULOS ENTRADAS BLOG - Color hover personalizado
============================================= */
/* Cambiar color hover de títulos de entradas del blog de naranja a #edc2bf */
h2.entry-title a:hover,
.petzorg-masonry > article .top-meta-wrap a:hover,
.blog-inner:hover .post-title-head .post-title,
.image-accordion-item:hover .post-title-head .post-title {
    color: #edc2bf !important;
}