/*
 Theme Name:   Campo Child
 Theme URI:    http://campo.bold-themes.com
 Description:  Campo child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     campo
 Version:      1.1.9

 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  campo-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */
/* Score --------------------------------------------------- */
 .bt_bb_api_score {
	 display: flex;
	 width: 100%;
	 align-items: center;
	 transition: all 600ms ease;
	/* Shadow */
	/* Shape */
	/* Date */
}
 .bt_bb_api_score[class*="bt_bb_api_color_scheme"] .bt_bb_api_score_details {
	 background-image: none;
}
 .bt_bb_api_score.bt_bb_shadow_on_hover:hover {
	 box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}
 .bt_bb_api_score.bt_bb_shadow_show {
	 box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}
 .bt_bb_api_score.bt_bb_shape_soft-rounded {
	 overflow: hidden;
	 border-radius: var(--section-soft-rounded);
}
 .bt_bb_api_score.bt_bb_shape_soft-rounded .bt_bb_score_date {
	 border-top-left-radius: var(--section-soft-rounded);
	 border-bottom-left-radius: var(--section-soft-rounded);
}
 .rtl .bt_bb_api_score.bt_bb_shape_soft-rounded .bt_bb_score_date {
	 border-top-left-radius: 0;
	 border-bottom-left-radius: 0;
	 border-top-right-radius: var(--section-soft-rounded);
	 border-bottom-right-radius: var(--section-soft-rounded);
}
 .bt_bb_api_score.bt_bb_shape_soft-rounded .bt_bb_api_score_details {
	 border-top-right-radius: var(--section-soft-rounded);
	 border-bottom-right-radius: var(--section-soft-rounded);
}
 .rtl .bt_bb_api_score.bt_bb_shape_soft-rounded .bt_bb_api_score_details {
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
	 border-top-left-radius: var(--section-soft-rounded);
	 border-bottom-left-radius: var(--section-soft-rounded);
}
 .bt_bb_api_score.bt_bb_shape_soft-rounded.btNoDate .bt_bb_api_score_details {
	 border-radius: var(--section-soft-rounded);
}
 .bt_bb_api_score.bt_bb_shape_hard-rounded {
	 overflow: hidden;
	 border-radius: var(--section-hard-rounded);
}
 .bt_bb_api_score.bt_bb_shape_hard-rounded .bt_bb_api_score_date {
	 border-top-left-radius: var(--section-hard-rounded);
	 border-bottom-left-radius: var(--section-hard-rounded);
}
 .bt_bb_api_score.bt_bb_shape_hard-rounded .bt_bb_api_score_details {
	 border-top-right-radius: var(--section-hard-rounded);
	 border-bottom-right-radius: var(--section-hard-rounded);
}
 .bt_bb_api_score.bt_bb_shape_hard-rounded.btNoDate .bt_bb_api_score_details {
	 border-radius: var(--section-hard-rounded);
}
 .bt_bb_api_score .bt_bb_api_score_date {
	 font-family: var(--heading-font);
	 font-weight: var(--heading-font-weight);
	 max-width: 55px;
	 flex: 1 0 55px;
	 padding: 0.8em 0.5em;
	 align-self: stretch;
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap;
	 align-items: flex-start;
	 align-content: flex-start;
	 color: var(--date-primary-color, var(--light-color));
	 background: var(--date-secondary-color, var(--dark-color));
}
 .bt_bb_api_score .bt_bb_api_score_date:empty {
	 display: none;
}
 .bt_bb_api_score .bt_bb_api_score_date .bt_bb_api_score_day span {
	 font-size: var(--small-title-size);
	 line-height: 1;
}
 .bt_bb_api_score .bt_bb_api_score_details {
	 display: flex;
	 align-items: center;
	 width: 100%;
	 padding: 1em;
	 justify-content: space-evenly;
	 border: 1px solid #dbdbdb;
	 color: var(--score-primary-color, var(--dark-color));
	 background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%, #fff 100%);
	 background-color: var(--score-secondary-color, inherit);
	 backdrop-filter: blur(8px);
	/* Numbers */
	/* Image */
	/* Content */
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_01, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_02 {
	 text-align: center;
	 display: flex;
	 flex: 1 1 100%;
	 flex-wrap: wrap;
	 align-items: center;
	 align-content: center;
	 justify-content: center;
	 align-self: flex-start;
	 padding: 0.25rem;
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_01 .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_02 .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter {
	 font-size: 3.75rem;
	 color: var(--score-primary-color, inherit);
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_01 .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit span, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_02 .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit span {
	 letter-spacing: -3px;
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_01 .bt_bb_api_score_detail_01 {
	 font-family: var(--heading-font);
	 font-weight: var(--heading-font-weight);
	 display: block;
	 width: 100%;
	 text-align: center;
	 color: var(--score-primary-color, inherit);
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_02 .bt_bb_api_score_detail_02 {
	 font-family: var(--heading-font);
	 font-weight: var(--heading-font-weight);
	 display: block;
	 width: 100%;
	 text-align: center;
	 color: var(--score-primary-color, inherit);
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_01, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_02 {
	 padding: 0.25rem;
	 flex: 1 0 20%;
	 max-width: 20%;
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_01 .bt_bb_image, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_02 .bt_bb_image {
	 max-width: 115px;
	 float: none;
	 margin: 0 auto;
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_content_inner {
	 padding: 0.25rem;
}
 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_content_inner .bt_bb_button {
	 margin: 0 !important;
}
 @media (max-width: 768px) {
	 .bt_bb_api_score {
		 display: block;
	}
	 .bt_bb_api_score .bt_bb_api_score_date {
		 max-width: inherit;
		 align-items: center;
	}
	 .bt_bb_api_score .bt_bb_api_score_date .bt_bb_api_score_day {
		 display: inline-block;
		 width: auto;
		 float: left;
		 padding-right: 0.5em;
	}
	 .bt_bb_api_score .bt_bb_api_score_date .bt_bb_api_score_month {
		 display: inline-block;
	}
	 .bt_bb_api_score.bt_bb_shape_soft-rounded .bt_bb_api_score_date {
		 border-top-right-radius: var(--section-soft-rounded);
		 border-bottom-left-radius: 0;
	}
	 .bt_bb_api_score.bt_bb_shape_soft-rounded .bt_bb_api_score_details {
		 border-top-right-radius: 0;
		 border-bottom-left-radius: var(--section-soft-rounded);
	}
	 .bt_bb_api_score.bt_bb_shape_hard-rounded .bt_bb_api_score_date {
		 border-top-right-radius: var(--section-hard-rounded);
		 border-bottom-left-radius: 0;
	}
	 .bt_bb_api_score.bt_bb_shape_hard-rounded .bt_bb_api_score_details {
		 border-top-right-radius: 0;
		 border-bottom-left-radius: var(--section-hard-rounded);
	}
}
 @media (max-width: 576px) {
	 .bt_bb_api_score .bt_bb_api_score_details {
		 flex-wrap: wrap;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_01, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_02 {
		 display: flex;
		 max-width: inherit;
		 flex: 1 0 100%;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_01 .bt_bb_image, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_02 .bt_bb_image {
		 width: 100%;
		 margin: 0 auto;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_01 .bt_bb_image img, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_02 .bt_bb_image img {
		 margin: 0 auto;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_01 {
		 padding: 2em 1em 1em;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_image_02 {
		 padding: 1em 1em 2em;
	}
}
 @media (max-width: 480px) {
	 .bt_bb_api_score .bt_bb_api_score_details {
		 display: block;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_01, .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_02 {
		 min-width: 100%;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_01 {
		 padding-bottom: 2em;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_score_02 {
		 padding-top: 2em;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_content_inner {
		 display: flex;
		 align-items: center;
		 justify-content: center;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_content_inner .bt_bb_button {
		 margin: 0 auto !important;
	}
	 .bt_bb_api_score .bt_bb_api_score_details .bt_bb_api_score_content_inner .bt_bb_text {
		 margin: 0 auto !important;
	}
}

/* Table --------------------------------------------------- */
/* Tabelul ca bloc scrollabil pentru rândurile de echipe */
.bt_bb_api_table_table {
    border-collapse: collapse;
    width: 100%;
}

.bt_bb_api_table .bt_bb_api_table_logo img.bt_bb_api_table_logo_image {
    width: 60px;
}

/* Facem tbody-ul scrollabil doar când variabila --table-api-rows este setată */
.bt_bb_api_table_table tbody {
    display: block;
}
/* Aplică max-height doar pe tabelul care are variabila setată */
.bt_bb_api_table_table[style*="--table-api-rows"] tbody {
    max-height: calc(34px + (55px * var(--table-api-rows)));
    overflow-y: auto;  /* scroll vertical, restul ascunse */
}

/* Progressive reveal: permite scroll pentru tabelele cu echipă evidențiată */
.bt_bb_api_table_table[data-highlight-team-id] tbody {
    max-height: calc(34px + (55px * 3)); /* Începe cu înălțime pentru ~3 rânduri */
    overflow-y: auto;
    transition: max-height 0.3s ease-out;
}

.bt_bb_api_table_table tr.bt_bb_api_table_row_hidden {
    display: none;
}

.bt_bb_api_table_table tr.bt_bb_api_table_row_revealed {
    display: table-row;
    animation: fadeInRow 0.3s ease-in;
}

@keyframes fadeInRow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Header-ul (primul rând) rămâne fix sus în interiorul scroll-ului */
.bt_bb_api_table_table tr:first-child {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff; /* sau culoarea fundalului tău */
}

.bt_bb_api_table_table .col-rank { width: 40px; }
.bt_bb_api_table_table .col-team { width: 200px; }
.bt_bb_api_table_table .col-matches,
.bt_bb_api_table_table .col-wins,
.bt_bb_api_table_table .col-draws,
.bt_bb_api_table_table .col-losses { width: 50px; }
.bt_bb_api_table_table .col-goals { width: 80px; }
.bt_bb_api_table_table .col-goal-diff { width: 60px; }
.bt_bb_api_table_table .col-points { width: 50px; }
td.bt_bb_api_table_value.col-team {
    text-wrap: nowrap;
    overflow: hidden;
}
 .bt_bb_api_table {
	 overflow: hidden;
	 border: 1px solid var(--gray-02-color);
	/* Shape */
}
 .bt_bb_api_table.bt_bb_shape_square {
	 border-radius: 0;
}
 .bt_bb_api_table.bt_bb_shape_soft_rounded {
	 border-radius: var(--section-soft-rounded);
}
 .bt_bb_api_table.bt_bb_shape_hard_rounded {
	 border-radius: var(--section-hard-rounded);
}
 .bt_bb_api_table .bt_bb_api_table_title_content {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 0.8em 0.8em 0.8em 1.5em;
	 color: var(--table-primary-color, var(--light-color));
	 background: var(--table-secondary-color, var(--dark-color));
}
 .bt_bb_api_table .bt_bb_api_table_title_content .bt_bb_api_table_button .bt_bb_button {
	 margin: 0 !important;
}
 .bt_bb_api_table .bt_bb_api_table_title_content .bt_bb_api_table_button .bt_bb_button a {
	 padding: 0;
	 color: var(--light-color) !important;
}
 .bt_bb_api_table .bt_bb_api_table_title_content .bt_bb_api_table_button .bt_bb_button a .bt_bb_icon_holder {
	 margin-left: 0.1em;
}
 .bt_bb_api_table .bt_bb_api_table_title_content .bt_bb_api_table_button .bt_bb_button a:hover {
	 color: var(--accent-color) !important;
}
 .bt_bb_api_table .bt_bb_api_table_title_content .bt_bb_api_table_title {
	 font-size: 1.5em;
	 font-family: var(--heading-font);
	 font-weight: var(--heading-font-weight);
	 line-height: 1.1;
}
 .bt_bb_api_table .bt_bb_api_table_table {
	 border: none;
	 margin-bottom: 0em;
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row {
	 background-color: var(--gray-table-color);
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row:first-child td {
	 padding: 0.25em;
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row:first-child td span {
	 color: #a5a5a5;
	 font-family: var(--body-font);
	 font-weight: inherit;
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row:nth-child(even) {
	 background-color: var(--light-color);
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row span {
	 font-family: var(--heading-font);
	 font-weight: var(--heading-font-weight);
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td {
	 padding: 0.75em;
	 border: none;
	 text-align: center;
	 border: 1px solid var(--gray-02-color);
}
.bt_bb_api_table table.bt_bb_api_table_table img.team-logo-image {
    width: 30px;
    height: 30px;
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td:first-child {
	 padding-left: 1.25em;
	 width: 2em;
	 text-align: left;
}
 .rtl .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td:first-child {
	 padding-right: 1.25em;
	 text-align: right;
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td:nth-child(2) {
	 text-align: left;
}
 .rtl .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td:nth-child(2) {
	 text-align: right;
}
 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td.bt_bb_api_table_value span:before {
	 background-repeat: no-repeat;
	 background-size: contain;
	 display: inline-block;
	 width: 2em;
	 height: 2em;
	 margin: -0.5em 0.5em -0.5em 0;
}
 .rtl .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td.bt_bb_api_table_value span:before {
	 margin: -0.5em 0 -0.5em 0.5em;
}
.bt_bb_api_score_competition .bt_bb_image img {
    max-width: 50%;
    margin: 0 auto;
}
.bt_bb_api_score_competition {
	text-align: center;
	font-family: var(--heading-font);
	font-weight: var(--heading-font-weight);
	font-size: 0.8em;
}
 @media (max-width: 780px) {
	 .bt_bb_api_table .bt_bb_api_table_table tr.bt_bb_api_table_row td.bt_bb_api_table_value span:before {
		 display: block;
		 margin: 0 0 0.25em 0;
	}
}
span.team-logo {
    display: flex;
    align-items: center;
    gap: 8px;
}
.container {
    max-width: calc(1400px + var(--content-padding) * 2);
    width: 100%;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--content-padding);
    padding-right: var(--content-padding);
}