/* --------------------------------------------------------------------------------------------------------------------- */
/* HUNGARY BULLDOG SECTION - theme over the shared stylesheets                                                           */
/*                                                                                                                       */
/* The other files in css/ are kept identical to achm-oradea, so features can be copied between the two projects. What  */
/* makes the site look like the club (charcoal bars, maroon titles, the forest header, the poster's gold) and the rules  */
/* only hbs uses live here, loaded last.                                                                                 */
/* --------------------------------------------------------------------------------------------------------------------- */

html
{
	background-image: url(../img/background/background.png);
	background-repeat: repeat;
	background-attachment: scroll;
	background-size: auto;
}

/* charcoal bars instead of oradea's blue picture */
#main_navigation,
#subnav,
#footer
{
	background-image: none;
	background-color: #303030;
}

/* On a phone the support line wraps: keep it centred and off the edges. */
#footer
{
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
	text-align: center;
}

#subnav.adm-subnav
{
	background-color: #fff;
}

div.section_title
{
	background-image: none;
	background-color: #582525;
}

div.section_title h1
{
	color: #fff;
}

/* homepage title band: no picture of the venue, just the club's maroon */
div.titlu
{
	background-image: none;
	background-color: #582525;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* HEADER */
/* --------------------------------------------------------------------------------------------------------------------- */

#header
{
	background: linear-gradient(90deg, #1e1e1e 0%, #303030 50%, #3d2323 100%);
}

#header::before
{
	background-image: url(../img/header/header.png);
	background-position: center center;
}

/* the club shield on the left, the title block beside it */
.hd_crest
{
	position: absolute;
	z-index: 1;
	left: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 7rem;
	height: auto;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.55));
}

/* The title keeps clear of the two badges on the right (2 x 4.75rem discs, the
   gap and the bar's 1.5rem inset): the long show name wraps before it reaches
   them on every width, also in the narrower 1301-1700px layout. */
#header .hd_body
{
	padding-left: 10rem;
	padding-right: 12rem;
	max-width: none;
}

#logotype,
.hd_when
{
	color: #f3cf6a;
}

#main_navigation #lang
{
	background: rgba(0, 0, 0, 0.25);
}

#main_navigation #lang span.on
{
	color: #582525;
}

#header a.hd_btn_cta
{
	border-color: #d9a520;
	background: #d9a520;
	color: #2a1a00;
	box-shadow: 0 2px 8px rgba(217, 165, 32, 0.35);
}

#header a.hd_btn_cta:hover,
#header a.hd_btn_cta:focus-visible
{
	border-color: #b9880f;
	background: #b9880f;
	color: #2a1a00;
}

@media screen and (max-width: 800px)
{
	.hd_crest
	{
		top: auto;
		bottom: 1.5rem;
		left: 1rem;
		transform: none;
		width: 4.5rem;
	}

	/* here the badges sit above the title, so it can use the full width */
	#header .hd_body
	{
		padding-left: 6.5rem;
		padding-right: 1rem;
	}
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* JUDGES - portraits on the schedule page                                                                               */
/* --------------------------------------------------------------------------------------------------------------------- */

.portrait_container
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
	padding: 1rem;
}

.portrait
{
	width: 11rem;
	text-align: center;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 8px #DDDDDD;
	padding: 1rem;
}

.portrait img
{
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 8px #DDDDDD;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* MESSAGES, ICONS, FLAGS                                                                                                */
/* --------------------------------------------------------------------------------------------------------------------- */

.important
{
	border: 4px solid;
	font-weight: 900;
	padding: 30px;
	margin: 5px 0;
	background-color: #ffa;
	border-color: #800;
	background-image: url('../img/stripes.png');
	background-repeat: repeat;
}

a.icon_view
{
	background-image: url(../img/zoom.gif);
}

.kor
{
	background-image: url(../img/flags/kor.png);
}

.sco
{
	background-image: url(../img/flags/sco.png);
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* UPLOADS                                                                                                               */
/* --------------------------------------------------------------------------------------------------------------------- */

/* The document uploads of the entry page (champion diploma, work certificate,
   Bulldog of the Year certificate) sit outside the #upload_container wrapper the
   dog forms use, so the rule that hides the raw file input behind the select
   button does not reach them. */
.boy_upload_row input[type="file"],
.ent_doc input[type="file"]
{
	display: none;
}

/* uploaded document rows on the administration dog pages */
p.file_row
{
	margin: 0 0 4px 0;
}

a.delete_file
{
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	background-image: url(../img/delete.gif);
	background-position: center center;
	text-decoration: none;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* ADMINISTRATION LISTS                                                                                                  */
/* --------------------------------------------------------------------------------------------------------------------- */

/* The page links are floated, and the dog cards under them (div.entry) are
   positioned, so without this the cards' thick top border paints over them. */
.pagination
{
	overflow: auto;
}

/* The statistics have two figures here (dogs, countries): hbs has a single breed,
   so the breeds tile is left out, and on a phone the two share the row. */
@media screen and (max-width: 600px)
{
	.stats_tiles
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* SHOW PAGES - what only hbs has on the schedule                                                                        */
/* --------------------------------------------------------------------------------------------------------------------- */

/* the show's poster, under the location */
.show_page img.sp_poster
{
	display: block;
	width: 100%;
	max-width: 36rem;
	height: auto;
	margin: 1.5rem auto 0 auto;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(27, 42, 56, 0.12);
}

/* the judge's kennel, between the name and the country */
.show_page .sp_judge small
{
	font-size: 0.8rem;
	line-height: 1.1rem;
	color: var(--sp-muted);
}

/* The shared tables keep a minimum width and scroll sideways on a phone, made for
   oradea's columns of shows. Here the fees have a single priced column and the day
   two short rows, so on a phone they fit the screen instead. */
@media screen and (max-width: 600px)
{
	.show_page table.sp_fees,
	.show_page table.sp_timetable
	{
		min-width: 0;
	}

	.show_page table.sp_fees thead th:not(:first-child),
	.show_page table.sp_fees td:not(:first-child)
	{
		width: 7rem;
	}

	.show_page table.sp_timetable td
	{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	.show_page table.sp_timetable td.sp_tt_show
	{
		width: 5.5rem;
	}

	.show_page table.sp_timetable td.sp_tt_hours
	{
		width: 4.5rem;
	}

	.show_page table.sp_timetable td.sp_tt_dogs
	{
		width: 4rem;
	}
}