/*
Theme Name: Crafto Child
Theme URI: https://crafto.themezaa.com/
Author: ThemeZaa
Author URI: https://www.themezaa.com/
Description: Child theme for Crafto theme
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/
Text Domain: crafto-child
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
Template: crafto
*/


/* --- Tarjeta: fondo y reset básicos --- */
.link-template-default.card.mb-2 {
  background: #fdf1f2 !important;  /* rosa muy claro */
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
	margin-bottom: 15px!important
}
.link-template-default.card .card-body {
  background: transparent !important;
  padding: 28px 32px !important;
}

/* --- Layout ESCRITORIO: 3 columnas (icono | contenido | botón) --- */
.link-template-default.card .media {
  display: grid !important;
  grid-template-columns: 32px 1fr auto !important;
  column-gap: 16px !important;
  align-items: center !important;
}

/* Icono (columna 1) */
.link-template-default.card .img-48 {
  grid-column: 1 !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important; /* anula .mr-3 */
  flex: 0 0 auto !important;
}
.link-template-default.card .img-48 img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

/* Contenido (columna 2) */
.link-template-default.card .media .media-body {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.link-template-default.card .package-title {
  margin: 0 0 8px 0 !important;
  font-weight: 800 !important;
  /*font-size: 2rem !important;*/
	font-size: var(--e-global-typography-text-font-size);
  color: #1e2f34 !important;
	letter-spacing: normal!important;
}
.link-template-default.card .text-muted.text-small {
  margin: 0 !important;
  font-size: 1.125rem !important;
  color: #8a8f94 !important;
  opacity: 1 !important;
}

/* Botón (columna 3, a la derecha) */
.link-template-default.card .media > .ml-3 {
  grid-column: 3 !important;
  margin: 0 !important;            /* anula .ml-3 */
  padding: 0 0 0 16px !important;  /* separa del contenido */
  align-self: center !important;
  justify-self: end !important;
}
.link-template-default.card .wpdm-download-link,
.link-template-default.card .wpdm-download-link.btn.btn-primary {
  display: inline-block !important;
  background: #c73320 !important;          /* rojo por defecto */
  border-color: #c73320 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 20px !important;
  border-radius: 2px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .05s ease !important;
}
.link-template-default.card .wpdm-download-link:hover,
.link-template-default.card .wpdm-download-link:focus {
  background: #1e2f34 !important;          /* color hover pedido */
  border-color: #1e2f34 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* --- Vista MÓVIL: botón abajo al 100% --- */
@media (max-width: 991.98px) {
  .link-template-default.card .card-body { padding: 16px !important; }
  .link-template-default.card .media {
    grid-template-columns: 28px 1fr !important; /* icono + contenido */
    align-items: start !important;
  }
  .link-template-default.card .img-48 { width: 28px !important; height: 28px !important; }

  /* Botón ocupa toda la fila y 100% de ancho */
  .link-template-default.card .media > .ml-3 {
    grid-column: 1 / -1 !important;
    margin-top: 12px !important;
    padding-left: 0 !important;
    justify-self: stretch !important;
  }
  .link-template-default.card .wpdm-download-link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* Tipografías un poco más pequeñas en móvil */
    .link-template-default.card .package-title {font-size: 17px !important;letter-spacing: normal!important;}
  .link-template-default.card .text-muted.text-small { font-size: 1rem !important; }
}

/* Limpieza general por si hay estilos muy intrusivos */
.link-template-default.card * {
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background: transparent !important; /* el fondo lo pone la .card */
}
/* ----- Variables Bootstrap 5 (si procede) ----- */
.link-template-default.card.mb-2 .wpdm-download-link.btn.btn-primary {
  --bs-btn-bg: #c73320 !important;
  --bs-btn-border-color: #c73320 !important;
  --bs-btn-hover-bg: #1e2f34 !important;
  --bs-btn-hover-border-color: #1e2f34 !important;
  --bs-btn-active-bg: #1e2f34 !important;
  --bs-btn-active-border-color: #1e2f34 !important;
}

/* ----- Fallback “gana-siempre” (BS4/BS5) ----- */
.link-template-default.card.mb-2 .wpdm-download-link.download-on-click.btn.btn-primary {
  background: #c73320 !important;
  border-color: #c73320 !important;
  background-image: none !important; /* por si hubiera gradiente */
  color: #fff !important;
}
.link-template-default.card.mb-2 .wpdm-download-link.download-on-click.btn.btn-primary:hover,
.link-template-default.card.mb-2 .wpdm-download-link.download-on-click.btn.btn-primary:focus,
.link-template-default.card.mb-2 .wpdm-download-link.download-on-click.btn.btn-primary:active,
.link-template-default.card.mb-2 .wpdm-download-link.btn-primary:not(:disabled):not(.disabled).active,
.link-template-default.card.mb-2 .wpdm-download-link.btn-primary:not(:disabled):not(.disabled):active {
  background: #1e2f34 !important;
  border-color: #1e2f34 !important;
  color: #fff !important;
  text-decoration: none !important;
}



/*NAVEGACIÓN IZQUIERDA PADDING ANTES DE LA FLECHA*/
.crafto-navigation-wrapper .crafto-navigation-link > li a {
    padding: 10px 19px 12px 0px!important;
}
/*TITULO NAVEGACIÓN IZQUIERDA */

.e-child .crafto-navigation-wrapper:first-child .title {
    margin-top: 0;
    color: #c53118;
    text-transform: uppercase;
    font-weight: 400;
    font-size: large;
}

/*HOVER DE LAS DESCARGAS CON TEXTO BLANCO */
.w3eden .btn-primary:hover {
    background-color: var(--color-primary-hover);
    box-shadow: 0 3px 8px 0 rgba(var(--color-primary-rgb),.4);
    color: white!important;
}
/*CAJA LOGIN MEMBERSHIP*/
/* Contenedor centrado, 50% en escritorio y 100% en móviles/tablets */
#coatt-aviso-login {
    width: 50%;
    margin: 0 auto;
    background: #fff8b7;
    padding: 40px;
    box-sizing: border-box;
    margin-top: 35px;
    margin-bottom: 50px;
    text-align: center;
}

/* 100% en móviles y tablets */
@media (max-width: 1024px) {
  #coatt-aviso-login {
    width: 100%;
  }
}

/* Texto/Enlace de “inicia sessió” en negro, negrita y subrayado */
#coatt-aviso-login a.login-link,
#coatt-aviso-login a.login-link:visited {
  color: #000 !important;
  font-weight: 700;
  text-decoration: underline;
}

/* (Opcional) mantener subrayado también al pasar el ratón */
#coatt-aviso-login a.login-link:hover,
#coatt-aviso-login a.login-link:focus {
  text-decoration: underline;
}
/* MINI LOGIN */ 
#mini-login-box { display:flex; gap:.5rem; align-items:center; justify-content:center; flex-wrap:wrap; }
#mini-login-box a[href*="login"], #mini-login-box a[href*="inicia"] {
  color:#000 !important; font-weight:700; text-decoration:underline;
} 
/* PAGINA MEMBER LOGIN LOGIN */ 
/* Contenedor centrado, 50% desktop y 100% móviles/tablets */
#coatt-login-box{
  width: 50%;
  margin: 0 auto;
  background: #FEF3F5;
  padding: 40px;
  box-sizing: border-box;
}

/* 100% en móviles y tablets */
@media (max-width: 1024px){
  #coatt-login-box{
    width: 100%;
  }
}

/* Campos del formulario al 100% */
#coatt-login-box input[type="text"],
#coatt-login-box input[type="email"],
#coatt-login-box input[type="password"],
#coatt-login-box input[type="url"],
#coatt-login-box input[type="search"],
#coatt-login-box select,
#coatt-login-box textarea{
  width: 100%;
  display: block;
  box-sizing: border-box;
}

/* (Opcional) pequeñas mejoras de legibilidad */
#coatt-login-box label{ display:block; margin-bottom: 6px; }
#coatt-login-box input, 
#coatt-login-box select, 
#coatt-login-box textarea{ padding: 10px; margin-bottom: 12px; }

/* TEXTO NEGRO */
.elementor-widget-text-editor, .textopost {
    color: #000;
}
.textopost a {
    color: var(--e-global-color-primary);
}
.textopost a:hover {
    color: #7E0002;
}
/* SUBMENU MAS ANCHO DENIS */
.submenucustom > .dropdown-menu {
    width: 325px!important;
}

/* MINI LOGIN Contenedor: todo en una sola línea */
/* Contenedor: todo en una sola línea */
#coatt-logout-box {
  display: flex;
  align-items: center;
  white-space: nowrap; /* sin saltos de línea */
  gap: 10px;
  font-size: 14px;     /* tamaño de tipografía */
}

/* Texto "Connectat!" en blanco */
#coatt-logout-box .coatt-username {
  color: #ffffff;
  display: inline-flex;
  align-items: center;
}

/* Circulito verde con mini-animación */
#coatt-logout-box .coatt-username::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  background-color: #35b34a;
  animation: coatt-online-pulse 1.6s ease-in-out infinite;
}

/* Botón "Sortir" como píldora burdeos */
#coatt-logout-box .coatt-logout-btn {
  display: inline-block;
  padding: 4px 14px;        /* un poco de aire alrededor del texto */
  background-color: #800020;/* burdeos */
  border-radius: 100px;
  color: #ffffff;           /* tipografía blanca */
  text-decoration: none;    /* sin línea debajo */
  line-height: 1.2;
  cursor: pointer;
}

/* Hover del botón: rojo fuerte, texto sigue blanco y sin subrayado */
#coatt-logout-box .coatt-logout-btn:hover,
#coatt-logout-box .coatt-logout-btn:focus {
  background-color: #e60000;/* rojo fuerte */
  color: #ffffff;
  text-decoration: none;
}

/* Animación del círculo */
@keyframes coatt-online-pulse {
  0% {
    background-color: #35b34a;
    transform: scale(1);
  }
  50% {
    background-color: #000000;
    transform: scale(1.15);
  }
  100% {
    background-color: #35b34a;
    transform: scale(1);
  }
}
#forgot_pass {
    display: none;
}
/* COLOR TEXTO TABLAS */
.clean-table td {
    padding: .65rem .75rem;
    vertical-align: top;
    border-top: 1px solid #eee;
    COLOR: #000;
}