/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Tema hijo de Hello Elementor
Author: Tu nombre
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ============================================
   0. REGISTER FORM
   ============================================ */

@media(max-width: 767px){
	#custom-register-form input[type="file"],
	#custom-register-form #signature-pad{
		max-width: calc(100vw - 64px);
	}
	
	#custom-register-form .checkbox-group,
	#custom-register-form .radio-group{
		flex-direction: column !important;
	}
}

/* ============================================
   1. BASE STYLES & RESETS
   ============================================ */

#bbpress-forums {
    font-size: 14px;
    line-height: 21px;
}

#bbpress-forums fieldset{
	border-radius: 8px;
}

/* Breadcrumb base styles */
.bbp-breadcrumb p {
  margin-bottom: 0px;
}

.bbp-breadcrumb * {
  color: #000000BF !important;
  font-size: 16px;
  line-height: 1.5em;
}

#bbpress-forums .bbp-breadcrumb {
  display: none;
}

/* ============================================
   2. FORM ELEMENTS
   ============================================ */

/* Form inputs - base styles */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="file"],
select,
textarea,
#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form input[type="password"],
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form textarea {
  font-family: Inter, Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #000000BF;
  accent-color: #006772;
  background-color: #fff;
  border-style: solid;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-color: #0000005c !important;
  border-radius: 4px 4px 4px 4px;
  transition: 300ms;
  padding: 11px 16px 11px 16px;
  height: auto;
}

/* Form inputs - focus states */
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus,
#bbpress-forums fieldset.bbp-form input[type="text"]:focus,
#bbpress-forums fieldset.bbp-form input[type="password"]:focus,
#bbpress-forums fieldset.bbp-form select:focus,
#bbpress-forums fieldset.bbp-form textarea:focus {
  color: #000000;
  accent-color: #006772;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-color: #006772 !important;
  outline: none;
}

/* Checkbox inputs */
input[type="checkbox"],
input[type="radio"],
#bbpress-forums fieldset.bbp-form input[type="checkbox"] {
  accent-color: #006772;
  margin: -3px 2px 0px 0px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

/* Select dropdowns */
#bbpress-forums select {
  width: 100%;
  padding: 8px 35px 8px 10px; /* Espacio para el chevron */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0.5px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='none' stroke='%23006772' stroke-width='1' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
}

/* Form labels */
#bbpress-forums fieldset.bbp-form label {
  display: inline;
}

/* Form containers */
#bbpress-forums .bbp-form {
  padding: 16px !important;
}

#bbpress-forums fieldset.bbp-form legend {
  font-size: 14px !important;
}

/* Editor area */
#bbpress-forums .wp-editor-area {
  border: transparent !important;
}

/* ============================================
   3. BUTTONS & INTERACTIVE ELEMENTS
   ============================================ */

button,
button[type="button"],
button[type="submit"],
#bbpress-forums .button {
  border: 0px solid transparent;
  color: #003439;
}

button:hover,
button[type="button"]:hover,
button[type="submit"]:hover,
#bbpress-forums .button:hover {
  color: #fff;
}

/* ============================================
   4. SEARCH FORM
   ============================================ */

#bbpress-forums .bbp-search-form {
  margin-bottom: 16px;
}

#bbpress-forums #bbp_search_submit {
  display: none;
}

/* ============================================
   5. FORUMS, TOPICS & REPLIES LISTS
   ============================================ */

/* List containers */
#bbpress-forums .bbp-forums,
#bbpress-forums .bbp-topics,
#bbpress-forums .bbp-replies {
  border-radius: 8px;
}

/* Header rows */
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
  padding: 16px;
}

#bbpress-forums li.bbp-header {
  background: #007481;
  color: #fff;
}

#bbpress-forums .bbp-header,
#bbpress-forums .bbp-body {
  font-size: 16px;
}

#bbpress-forums .bbp-header .forum-titles {
  padding: 0px;
}

/* Body rows */
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
  padding: 16px;
}

#bbpress-forums .bbp-reply-header,
#bbpress-forums .topic {
  padding: 16px;
}

/* Footer */
#bbpress-forums .bbp-footer {
  display: none;
}

/* ============================================
   6. FORUM & TOPIC TITLES
   ============================================ */

#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-title {
  font-weight: 600;
}

/* ============================================
   7. META INFORMATION
   ============================================ */

/* Topic meta */
#bbpress-forums .bbp-topic-meta {
  font-weight: 400;
  margin-top: 4px !important;
  margin: 0px !important;
}

#bbpress-forums p.bbp-topic-meta {
  font-size: 14px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
  font-size: 14px;
}

/* Freshness author */
#bbpress-forums .bbp-topic-freshness-author {
  display: none;
}

/* ============================================
   8. TEMPLATE NOTICES
   ============================================ */

#bbpress-forums .bbp-template-notice {
  padding: 8px 16px !important;
}

#bbpress-forums .bbp-template-notice li {
  font-size: 14px !important;
}

/* ============================================
   9. TOGGLES (SUBSCRIPTION & FAVORITE)
   ============================================ */

#bbpress-forums #subscription-toggle,
#bbpress-forums #favorite-toggle {
  margin-bottom: 16px;
}

#bbpress-forums .subscription-toggle,
#bbpress-forums .favorite-toggle {
  font-size: 14px !important;
}

/* ============================================
   10. PAGINATION
   ============================================ */

#bbpress-forums .bbp-pagination-count,
#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current{
  font-size: 14px !important;
  padding: 4px 8px;
}

#bbpress-forums .bbp-pagination-links a:hover, #bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-topic-pagination a:hover{
	background: #f5fafa;
}

/* ============================================
   11. FORUM DESCRIPTION
   ============================================ */

#bbpress-forums .bbp-forum-description {
  font-size: 14px !important;
}

/* ============================================
   12. AVATARS
   ============================================ */

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
  margin-bottom: 4px;
}

/* ============================================
   13. NOTICES
   ============================================ */
#bbpress-forums div.bbp-template-notice {
    border: #fff3b0 1px solid;
    background-color: #fffbe6;
}

#bbpress-forums div.bbp-template-notice.info {
    border: #cce6e9 1px solid;
    background-color: #f5fafa;
}

/* ============================================
   14. RESPONSIVE DESIGN - MOBILE
   ============================================ */

@media (max-width: 860px) {

  /* List items - full width */
  #bbpress-forums li {
    width: 100%;
    text-align: left;
  }

  /* Hide header columns on mobile */
  #bbpress-forums .bbp-header .bbp-forum-topic-count,
  #bbpress-forums .bbp-header .bbp-forum-reply-count,
  #bbpress-forums .bbp-header .bbp-forum-freshness,
  #bbpress-forums .bbp-header .bbp-topic-voice-count,
  #bbpress-forums .bbp-header .bbp-topic-reply-count,
  #bbpress-forums .bbp-header .bbp-topic-freshness {
    display: none;
  }

  /* Count columns - smaller font */
  #bbpress-forums .bbp-forum-topic-count,
  #bbpress-forums .bbp-forum-reply-count,
  #bbpress-forums .bbp-topic-voice-count,
  #bbpress-forums .bbp-topic-reply-count,
  #bbpress-forums .bbp-forum-freshness,
  #bbpress-forums .bbp-topic-freshness {
    font-size: 14px;
  }

  /* Add labels before counts */
  #bbpress-forums .bbp-forum-topic-count::before {
    content: "Debates: ";
  }

  #bbpress-forums .bbp-forum-reply-count::before {
    content: "Entradas: ";
  }

  #bbpress-forums .bbp-topic-voice-count::before {
    content: "Usuarios: ";
  }

  #bbpress-forums .bbp-topic-reply-count::before {
    content: "Entradas: ";
  }

  /* Stack forum/topic items vertically */
  #bbpress-forums .bbp-body ul.forum,
  #bbpress-forums .bbp-body ul.topic {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
	
	#bbpress-forums .forums.bbp-replies .bbp-header{
		display: none;
	}
}


/* ============================================
   15. USER PAGE
   ============================================ */

.bbp-user-page #content{
    padding-top: 40px;
	padding-bottom: 40px;
	width: calc(100vw - 48px);
}

.bbp-user-page .page-header{
	padding-bottom: 24px;
}

@media(max-width: 767px){
	.bbp-user-page #content{
		padding-top: 20px;
		padding-bottom: 20px;
		width: calc(100vw - 32px);
		padding-left: 0px;
		padding-right: 0px;
	}
}