/**
 * file: public/css/cemetery-sexton-public.css
 *
 * All static public-facing styles for the Cemetery Sexton plugin.
 *
 * The four user-configurable table row colors (header, even, odd, hover)
 * are no longer in this file. They are injected as inline CSS by
 * cemetery_sexton_enqueue_dynamic_styles() in class-cemetery-sexton-public.php
 * using wp_add_inline_style(), which is the correct WordPress pattern for
 * dynamic values stored in the options table.
 *
 * This file replaces both the old cemetery-sexton-public.css (static fallback)
 * and cemetery-sexton-public.css.php (the PHP-bootstrapped dynamic file).
 * The css.php file should be deleted from the server.
 *
 * @package    Cemetery_Sexton
 * @subpackage Cemetery_Sexton/public/css
 * @since      1.1.3
 */

/* ---------------------------------------------------------------------
   Layout helpers
   --------------------------------------------------------------------- */
div.group {
	margin: 10px 0;
}
div.left-align {
	text-align: left;
	float: left;
}
div.right-align {
	text-align: right;
	float: right;
}
@media only screen and (max-width: 500px) {
	div.right-align {
		text-align: left;
		float: left;
		clear: both;
	}
}
.group:after {
	clear: both;
	content: '';
	display: block;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* ---------------------------------------------------------------------
   Typography helpers
   --------------------------------------------------------------------- */
div.subheading {
	font-size: .9em;
	font-style: italic;
}
div.data {
	padding-left: 10px;
}

/* ---------------------------------------------------------------------
   Results table — structural rules
   (color rules are injected dynamically via wp_add_inline_style)
   --------------------------------------------------------------------- */
table.cemetery-sexton-results-header .ltcol {
	text-align: left;
	width: 50%;
}
table.cemetery-sexton-results-header .rtcol {
	text-align: right;
	width: 50%;
}
table.cemetery-sexton-results-footer .ltcol {
	text-align: left;
	width: 70%;
}
table.cemetery-sexton-results-footer .rtcol {
	text-align: right;
	width: 30%;
}
table.cemetery-sexton-results-list {
	line-height: 1.2em;
	margin: 0 !important;
	overflow-x: auto;
}
table.cemetery-sexton-results-list thead {
	color: #000;
	font-weight: bold;
	text-align: center;
	/* background injected by wp_add_inline_style — fallback below */
	background: #cccccc;
}
table.cemetery-sexton-results-list thead a {
	color: #000;
}
table.cemetery-sexton-results-list #header-name {
	width: 60%;
}
table.cemetery-sexton-results-list #header-dob {
	width: 20%;
}
table.cemetery-sexton-results-list #header-dod {
	width: 20%;
}
table.cemetery-sexton-results-list tbody tr:nth-child(even) {
	/* background injected by wp_add_inline_style — fallback below */
	background: #eeeeee;
}
table.cemetery-sexton-results-list tbody tr:nth-child(odd) {
	/* background injected by wp_add_inline_style — fallback below */
	background: #ffffff;
}
table.cemetery-sexton-results-list tbody tr:hover {
	/* background injected by wp_add_inline_style — fallback below */
	background: #cccccc;
}
table.cemetery-sexton-results-list tbody td a {
	display: block;
	padding: 0;
}
table.cemetery-sexton-results-list .result-name {
	text-align: left;
}
table.cemetery-sexton-results-list .result-date {
	text-align: right;
}
table.cemetery-sexton-results-list tbody tr td a {
	text-decoration: none;
}

/* ---------------------------------------------------------------------
   Mobile / desktop photo button visibility
   --------------------------------------------------------------------- */
@media only screen and (max-width: 699px) {
	.popup-button-mobile {
		visibility: visible;
	}
	.popup-button-desktop {
		visibility: hidden;
		height: 0;
	}
}
@media only screen and (min-width: 700px) {
	.popup-button-mobile {
		visibility: hidden;
		height: 0;
	}
	.popup-button-desktop {
		visibility: visible;
	}
}

/* ---------------------------------------------------------------------
   Interment photo
   --------------------------------------------------------------------- */
#inter-photo {
	top: 0;
	float: right;
	margin: 6px;
}
@media only screen and (max-width: 700px) {
	#inter-photo {
		top: 0;
		float: none;
	}
}

/* ---------------------------------------------------------------------
   Interment and lot sections
   --------------------------------------------------------------------- */
#interment-info,
#interment-lot,
#fammon-photos-row {
	margin: 0 0 35px 0;
	padding: 0;
}
#interment-lot {
	clear: both;
}
#interment-data-table {
	margin: 0;
	padding: 100px 0 0 0;
}

/* ---------------------------------------------------------------------
   Maps
   --------------------------------------------------------------------- */
#cemetery-sexton-lot-map {
	height: 400px;
	width: 100%;
}
#cemetery-sexton-map {
	height: 400px;
	width: 100%;
	margin: 0 0 35px 0;
}

/* ---------------------------------------------------------------------
   Family monument photos grid
   --------------------------------------------------------------------- */
.fammon-photos-column {
	float: left;
	width: 50%;
	padding: 5px;
}
.fammon-photos-row::after {
	content: "";
	clear: both;
	display: table;
}

/* ---------------------------------------------------------------------
   Thickbox modal helpers
   --------------------------------------------------------------------- */
.thickbox-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: none !important;
}

/* ---------------------------------------------------------------------
   Honeypot field — must never be visible to real users.
   position:absolute + left:-9999px moves it off-screen without using
   display:none or visibility:hidden, both of which some bots detect and
   skip. tabindex="-1" in the HTML also prevents keyboard focus.
   --------------------------------------------------------------------- */
.cs-honeypot {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------------------------------------------------------------------
   Whitespace separator utility
   --------------------------------------------------------------------- */
.w-separator {
	clear: both;
	overflow: hidden;
	line-height: 0;
	height: 1.5rem;
}
.w-separator.size_small {
	height: 1.5rem;
}