/*
 * Million Dollar Script Two
 *
 * @author      Ryan Rhode
 * @copyright   (C) 2025, Ryan Rhode
 * @license     https://opensource.org/licenses/GPL-3.0 GNU General Public License, version 3
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *    Million Dollar Script
 *    Pixels to Profit: Ignite Your Revolution
 *    https://milliondollarscript.com/
 *
 */

/* === CORE ADMIN STYLES === */

.milliondollarscript-logo-sm {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	z-index: 999;
	position: relative;
	overflow: hidden;
	border-bottom-right-radius: 20px;
}

.admin-container {
	display: flex;
	flex-wrap: wrap;
	padding: 8px;
	flex-direction: column;
}

/* Dark background for menu in legacy admin pages */
.admin-container .milliondollarscript-menu {
	background: #07010a;
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
}

.mds-menu-toggle {
	background-color: #1d2327;
	display: none;
	padding-top: 5px;
}

.mds-admin-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	background-color: #1d2327;
	white-space: nowrap;
	align-items: center;
	position: relative;
}

.mds-admin-menu li {
	padding-top: 5px;
	border-bottom: 4px solid transparent;
	transition: border-bottom 0.3s;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	hyphens: auto;
	word-break: break-word;
	user-select: none;
	-webkit-font-smoothing: subpixel-antialiased;
	position: relative;
}

.mds-admin-menu li a {
	display: block;
	color: #f0f0f1;
	text-decoration: none;
	padding: 10px;
}

.mds-admin-menu li:hover, .mds-admin-menu li:focus {
	background-color: #32373c;
	box-shadow: 0 0 5px 1px #000;
}

.mds-admin-menu li a:hover, .mds-admin-menu .active a {
	color: #72aee6;
}

.mds-admin-menu li:hover {
	border-bottom: 4px solid #72aee6;
}

.mds-admin-menu ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #32373c;
	width: 200px;
	z-index: 1000;
	/* Remove overflow constraints to allow third-level menus to escape */
	overflow: visible;
}

/* Third-level dropdowns (nested submenus) */
.mds-admin-menu ul ul {
	position: absolute;
	left: 100%;
	top: 0;
	/* Parent now has overflow: visible, so third-level menus can escape freely */
	overflow: visible;
}

.mds-admin-menu img {
	height: 20px;
	width: auto;
	vertical-align: middle;
}

.mds-admin-menu li > ul {
	display: none;
}

/* Show submenus on focus (hover is handled by JavaScript hoverintent) */
.mds-admin-menu li:focus-within > ul {
	display: block;
}

@media screen and (min-width: 1000px) {
	.mds-admin-menu {
		display: flex;
		flex-direction: row;
	}

	.mds-menu-toggle {
		display: none;
	}
}

@media screen and (max-width: 999px) {
	.mds-admin-menu {
		display: none;
	}

	.mds-menu-toggle {
		display: block;
	}
}

.admin-content {
	flex: 10 10 0;
	padding: 8px;
	margin: 8px;
	max-width: calc(100% - 240px);
}

.admin-config {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-template-rows: auto;
	gap: 1px;
}

.admin-config div {
	padding: 8px;
	background-color: #f5f5f5;
	border: 1px solid #dcdcdc;
}

.admin-config-heading {
	margin-top: 1px;
	font-weight: bold;
	grid-column: 1 / span 2;
}

.admin-config-left {

}

.admin-config-right {

}

.admin-config-footer {
	grid-column: 1 / span 2;
}

a {
	text-decoration: none;
	color: #008cd4;
}

a:hover {
	text-decoration: underline;
	color: #6000cd;
}

.phpinfo-container table,
.phpinfo-container hr {
	width: 100%;
}

.system-info .v {
	word-break: break-all;
}

.inventory-reset-link {
	color: #ff0000 !important;
	font-size: 2em;
	text-decoration: none !important;
}

.inventory-save {
	font-size: 1.2em;
	margin: 8px;
}

.mds-top-clicks-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
}

.mds-top-clicks-heading {
	background-color: #d9d9d9;
	color: black;
	font-weight: bold;
}

.mds-top-clicks-table td {
	font-family: Arial, sans-serif;
	padding: 3px;
}

.mds-top-clicks-table tr:not(:first-child):hover {
	background-color: #f5f5f5;
}

/* Basic table styles */
.table-responsive {
	width: 100%;
	max-width: 100%;
	margin: auto;
}

.table-responsive table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	display: table;
}

.table-responsive th, .table-responsive td {
	padding: 10px;
	text-align: left;
	border: 1px solid #ddd;
}

/* Styles for screens smaller than 800px */
@media screen and (max-width: 800px) {
	.table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive tr {
		display: block;
		border: 1px solid #ddd;
	}

	.table-responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table-responsive tr {
		margin-bottom: 1rem;
		border: 2px solid #ddd;
	}

	.table-responsive th, .table-responsive td {
		display: block;
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
	}

	.table-responsive td:before {
		position: absolute;
		top: 0;
		left: 6px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
		content: attr(data-column);
	}
}

.table-responsive .tr-normal {
	background-color: #ffffff;
}

.table-responsive .tr-normal:hover {
	background-color: #FBFDDB;
}

/* === MDS MAIN PAGE STYLES === */

.mds-main-page {
	font-family: Arial, sans-serif;
	color: #333;
	margin: 20px 20px 0 0;
	padding: 1rem;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	font-size: 1.2rem;
	overflow: hidden;
	border-radius: 20px;
}

div.mds-main-page a {
	text-decoration: none;
	color: rgb(136, 105, 40);
}

div.mds-main-page a:hover {
	text-decoration: underline;
	color: rgb(136, 105, 40);
}

.mds-main-page ul {
	list-style: circle inside;
}

div.milliondollarscript-section {
	padding: 0.5rem;
}

div.milliondollarscript-section p {
	font-size: 1rem;
}

div.milliondollarscript-header p {
	font-size: 1.5rem;
}

div.milliondollarscript-dashboard-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 20px auto;
    padding: 20px;
    grid-template-areas:
        "header header"
        "description time"
        "orders credits"
        "services services"
        "license version";
}

div.milliondollarscript-header {
    grid-area: header;
}

div.milliondollarscript-description {
    grid-area: description;
    float: none;
}

div.milliondollarscript-description p {
	color: #333;
	font-size: 1.2rem;
	line-height: 1.5;
}

div.milliondollarscript-time {
    grid-area: time;
    float: none;
    color: #666;
	font-size: 0.9rem;
	margin: 1.5rem 0;
	line-height: 1.5;
	text-align: right;
}

div.milliondollarscript-orders {
    grid-area: orders;
    clear: none;
    float: none;
	font-size: 1.1rem;
	line-height: 1.5;
}

div.milliondollarscript-credits {
    grid-area: credits;
    clear: none;
    float: none;
}

div.milliondollarscript-credits p {
	color: #333;
	font-size: 1rem;
	line-height: 1.2;
}

div.milliondollarscript-services {
    grid-area: services;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

div.milliondollarscript-version {
    grid-area: version;
    clear: none;
    float: none;
}

div.milliondollarscript-version p {
	text-align: right;
	color: #666;
	font-size: 0.9rem;
	line-height: 1.5;
}

div.milliondollarscript-license {
    grid-area: license;
    clear: none;
    float: none;
}

div.milliondollarscript-license p {
	color: #666;
	font-size: 0.9rem;
	line-height: 1.5;
}

/* Responsive adjustments for grid */
@media screen and (max-width: 768px) {
    div.milliondollarscript-dashboard-container {
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "description"
            "time"
            "orders"
            "credits"
            "services"
            "license"
            "version";
    }

    div.milliondollarscript-services {
        flex-direction: column;
        align-items: center;
    }
}

ul.milliondollarscript-menu {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap; /* wrap to new lines when too wide */
    gap: 6px 10px;
    width: 100%;
    background: transparent;
    color: #fff;
    margin: 0;
    list-style: none;
    z-index: 999;
    position: relative;
}

/* Dropdown behavior for hero menu */
.milliondollarscript-menu li {
    position: relative;
}

.milliondollarscript-menu li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: rgba(50, 55, 60, 0.95);
    min-width: 220px;
    z-index: 1000;
    border-bottom-right-radius: 8px;
    /* Remove overflow constraints to allow third-level menus to escape */
    /* Long menus will grow naturally without scrollbars */
    overflow: visible;
}

/* Show submenus on focus and when opened via JavaScript */
.milliondollarscript-menu li:focus-within > ul,
.milliondollarscript-menu li.submenu-open > ul {
    display: block;
}

/* Submenu items - more specific to override div.mds-main-page styles */
.milliondollarscript-menu li > ul li a,
div.mds-main-page .milliondollarscript-menu li > ul li a,
.admin-container .milliondollarscript-menu li > ul li a {
    display: block;
    padding: 8px 12px !important;
    font-size: 13px !important;
    text-shadow: none;
    text-align: left;
    line-height: 1.3 !important;
}

.milliondollarscript-menu li > ul li a:hover,
div.mds-main-page .milliondollarscript-menu li > ul li a:hover,
.admin-container .milliondollarscript-menu li > ul li a:hover {
    background: rgba(255, 255, 255, 0.06);
}

/* Third-level positioning for hero menu */
.milliondollarscript-menu li ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    /* Parent now has overflow: visible, so third-level menus can escape freely */
    overflow: visible;
}

/* Mobile menu toggle button */
.milliondollarscript-menu-toggle {
	display: none;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	padding: 8px 10px;
	cursor: pointer;
	flex-direction: column;
	gap: 4px;
	z-index: 1001;
	margin: 0 auto 10px auto;
}

.hamburger-line {
	width: 24px;
	height: 3px;
	background: #fff;
	border-radius: 2px;
	transition: all 0.3s ease;
}

/* Animate hamburger to X when open */
.milliondollarscript-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
	transform: rotate(45deg) translateY(7px);
}

.milliondollarscript-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
	opacity: 0;
}

.milliondollarscript-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {
	transform: rotate(-45deg) translateY(-7px);
}

@media screen and (max-width: 750px) {
	/* Reduce fire element height on mobile for better alignment */
	div.milliondollarscript-fire {
		min-height: 60px;
		max-height: 60px;
		overflow: hidden;
	}

	.milliondollarscript-menu-toggle {
		display: flex;
	}

	ul.milliondollarscript-menu {
		display: none;
		flex-direction: column;
		width: 100%;
		gap: 0;
	}

	ul.milliondollarscript-menu.menu-open {
		display: flex;
		background: #000000;
	}

	/* Mobile menu items take full width */
	.milliondollarscript-menu > li {
		width: 100%;
		text-align: left !important;
	}

	.milliondollarscript-menu > li > a {
		width: 100%;
		text-align: left !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	/* Mobile submenu positioning */
	.milliondollarscript-menu li > ul {
		position: static;
		display: none;
		width: 100%;
		background: #000000;
		border-radius: 0;
		max-height: none;
		overflow-y: visible;
	}

	.milliondollarscript-menu li.submenu-open > ul {
		display: block;
	}

	/* Third-level mobile submenus */
	.milliondollarscript-menu li ul ul {
		position: static;
		left: 0;
		background: #000000;
		margin-left: 15px;
	}

	/* Mobile submenu items with indent */
	.milliondollarscript-menu li > ul li a {
		padding-left: 24px !important;
	}

	.milliondollarscript-menu li ul ul li a {
		padding-left: 36px !important;
	}

	/* Add submenu indicator for mobile */
	.milliondollarscript-menu li.has-submenu > a::after {
		content: '▼';
		float: right;
		font-size: 10px;
		transition: transform 0.3s ease;
	}

	.milliondollarscript-menu li.has-submenu.submenu-open > a::after {
		transform: rotate(180deg);
	}

	/* Adjust icon-only items for mobile */
	.milliondollarscript-menu .mds-menu-icon-only > a {
		text-align: left !important;
		padding: 20px !important;
		min-width: auto !important;
	}

	.milliondollarscript-menu .mds-menu-icon-only .mds-menu-text {
		position: static;
		display: inline;
		padding: 0;
		margin: 0 0 0 8px;
		background: none;
		font-size: inherit;
		color: inherit;
		width: auto;
		height: auto;
	}

	.milliondollarscript-menu .mds-menu-icon-only .mds-menu-text::after {
		display: none;
	}

	/* Remove hover effects for icon-only items on mobile */
	.milliondollarscript-menu .mds-menu-icon-only:hover .mds-menu-text,
	.milliondollarscript-menu .mds-menu-icon-only:focus-within .mds-menu-text {
		position: static !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
		margin-bottom: 0 !important;
		margin: 0 0 0 8px !important;
		padding: 0 !important;
		background: none !important;
		color: inherit !important;
		border-radius: 0 !important;
		font-size: inherit !important;
		white-space: nowrap !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		clip: auto !important;
		z-index: auto !important;
		pointer-events: auto !important;
		display: inline !important;
	}

	.milliondollarscript-menu .mds-menu-icon-only:hover .mds-menu-text::after,
	.milliondollarscript-menu .mds-menu-icon-only:focus-within .mds-menu-text::after {
		display: none;
	}
}

@-webkit-keyframes milliondollarscript {
	0% {
		background-color: transparent;
	}
	100% {
		background-color: rgba(124, 114, 87, 0.9);
	}
}

@keyframes milliondollarscript {
	0% {
		background-color: transparent;
	}
	100% {
		background-color: rgba(124, 114, 87, 0.9);
	}
}

.milliondollarscript-menu li {
    margin-bottom: 0;
    text-align: center;
    background: transparent;
    /* Remove animated background to improve dropdown reliability */
    -webkit-animation: none;
    animation: none;
}

div.mds-main-page .milliondollarscript-menu a,
.admin-container .milliondollarscript-menu a {
    display: block;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.35;
    text-decoration: none;
    text-shadow: -1px -1px 2px #000,
    1px -1px 2px #000,
    -1px 1px 2px #000,
    1px 1px 2px #000;
}

/* Top-level hero menu hover/active highlight */
div.mds-main-page .milliondollarscript-menu > li > a,
.admin-container .milliondollarscript-menu > li > a {
    border-bottom: 3px solid transparent;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}
div.mds-main-page .milliondollarscript-menu > li:hover > a,
div.mds-main-page .milliondollarscript-menu > li > a:hover,
div.mds-main-page .milliondollarscript-menu > li > a.mds-active-submenu,
.admin-container .milliondollarscript-menu > li:hover > a,
.admin-container .milliondollarscript-menu > li > a:hover,
.admin-container .milliondollarscript-menu > li > a.mds-active-submenu {
    background: rgba(114, 174, 230, 0.12);
    border-bottom-color: #72aee6;
    color: #72aee6;
}

/* === Icon-only menu items === */
.milliondollarscript-menu .mds-menu-icon-only > a,
div.mds-main-page .milliondollarscript-menu .mds-menu-icon-only > a,
.admin-container .milliondollarscript-menu .mds-menu-icon-only > a {
    position: relative;
}

/* Desktop-only icon padding and alignment */
@media screen and (min-width: 751px) {
    .milliondollarscript-menu .mds-menu-icon-only > a,
    div.mds-main-page .milliondollarscript-menu .mds-menu-icon-only > a,
    .admin-container .milliondollarscript-menu .mds-menu-icon-only > a {
        min-width: 40px;
        padding: 20px 8px !important;
        text-align: center;
    }
}

/* Hide text by default on icon-only items (but keep accessible) */
.milliondollarscript-menu .mds-menu-icon-only .mds-menu-text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* Show text as floating tooltip on hover/focus */
.milliondollarscript-menu .mds-menu-icon-only:hover .mds-menu-text,
.milliondollarscript-menu .mds-menu-icon-only:focus-within .mds-menu-text {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    z-index: 1000;
    pointer-events: none;
}

/* Tooltip arrow */
.milliondollarscript-menu .mds-menu-icon-only:hover .mds-menu-text::after,
.milliondollarscript-menu .mds-menu-icon-only:focus-within .mds-menu-text::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.9);
}

/* For admin-container pages, show tooltips below instead of above */
.admin-container .milliondollarscript-menu .mds-menu-icon-only:hover .mds-menu-text,
.admin-container .milliondollarscript-menu .mds-menu-icon-only:focus-within .mds-menu-text {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 8px;
}

.admin-container .milliondollarscript-menu .mds-menu-icon-only:hover .mds-menu-text::after,
.admin-container .milliondollarscript-menu .mds-menu-icon-only:focus-within .mds-menu-text::after {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.9);
}

/* Icon spacing */
.milliondollarscript-menu .mds-menu-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1;
}

/* === Separator styling for submenus === */
.milliondollarscript-menu li.mds-menu-separator {
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin: 8px 0;
    padding: 0;
    border: none;
    pointer-events: none;
}

.milliondollarscript-menu li.mds-menu-separator:hover {
    background: rgba(255, 255, 255, 0.2);
    border-bottom: none;
    box-shadow: none;
}

/* Mobile adjustments - always show text on small screens */
@media screen and (max-width: 750px) {
    .milliondollarscript-menu .mds-menu-icon-only .mds-menu-text {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        margin-left: 4px;
    }
}

div.milliondollarscript-fire {
	pointer-events: auto;
	z-index: 997 !important;
	position: relative;
	display: block;
	background: #07010a;
	width: calc(100% + 2rem);
	overflow: visible; /* allow hero dropdowns to overflow */
	margin: -1rem -1rem 0 -1rem;
	border-bottom-right-radius: 20px;
}

#milliondollarscript-fire {
	position: absolute;
	width: 512px;
	height: 512px;
	z-index: 998;
	top: 0;
	left: 0;
	display: none;
	pointer-events: none;
	background: transparent;
}

.milliondollarscript-logo {
	display: block;
	width: 1900px;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	z-index: 999;
	position: relative;
	overflow: hidden;
	border-bottom-right-radius: 20px;
}

.mds-navigation {
	text-align: center;
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.mds-navigation a, .mds-navigation span {
	color: #333;
	text-decoration: none;
	margin: 5px;
	padding: 10px 15px;
	border: 1px solid #333;
	border-radius: 5px;
	transition: all 0.3s ease;
	background-color: #fff;
	line-height: 1.5;
}

.mds-navigation a:hover {
	color: #fff;
	border-color: #333;
	background-color: #333;
}

.mds-navigation span {
	color: #fff;
	background-color: #333;
	border-color: #333;
}

@media screen and (max-width: 600px) {
	.mds-navigation a, .mds-navigation span {
		font-size: 14px;
		padding: 5px 10px;
	}
}

/* --- MDS ADMIN CLASSES (copied from mds.css for admin area) --- */

.mds-highlight-row {
	background-color: var(--mds-accessible-warning, #fef3c7) !important;
	color: var(--mds-text-primary, #000) !important;
}

.mds-admin-action-approve {
	background-color: var(--mds-accessible-success, #388E3C) !important;
	color: #ffffff !important;
	border: none !important;
}

.mds-admin-action-disapprove {
	background-color: var(--mds-accessible-warning, #E65100) !important;
	color: #ffffff !important;
	border: none !important;
}

.mds-admin-action-deny {
	background-color: var(--mds-accessible-error, #D32F2F) !important;
	color: #ffffff !important;
	border: none !important;
}

.mds-admin-action-new {
	background-color: var(--mds-accessible-success, #66FF33) !important;
	color: var(--mds-text-primary, #000) !important;
	border: none !important;
}

.mds-block-pointer {
	font-size: 1px;
	line-height: 1px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--mds-card-bg, #FFFFFF);
	visibility: hidden;
}

.inventory-container {
	display: flex;
	gap: 8px;
	flex-flow: row wrap;
	align-items: flex-start;
}

.inventory-column div {
	padding: 8px;
	outline: 1px solid #ccc;
}

.inventory-column {
	background: #fff;
	flex: 1;
}

.inventory-section-title {
	font-weight: bold;
	font-size: 1.2rem;
}

.inventory2-title,
.inventory-title {
	background-color: #eaeaea;
}

.inventory-content {
}

.inventory2-container {
	background-color: #fff;
	display: grid;
	grid: 1fr / 2fr 1fr 2fr 1fr 1fr 3fr 1fr 1fr;
	justify-items: stretch;
	align-items: stretch;
	justify-content: stretch;
	align-content: stretch;
}

.inventory2-title {
	font-weight: bold;
}

.inventory2-title,
.inventory2-content {
	padding: 4px;
	outline: 1px solid #ccc;
}

.inventory2-content a:link,
.inventory2-content a:visited {
	font-size: 1.2em;
	text-decoration: none;
	display: inline-block;
	padding: 6px;
	border-radius: 6px;
	color: #008cd4;
	outline: 2px inset #70abc9;
	margin: 3px;
}

.inventory2-content a:hover {
	color: #0ea1ee;
	outline: 2px outset #4fabda;
}

.inventory2-content a:focus {
	color: #008cd4;
	outline: 3px outset #008cd4;
}

.mds-theme-processing {
	background: #fef3c7;
	color: #333;
	border: 1px solid #f59e0b;
	padding: 12px 18px;
	font-size: 1.1em;
	border-radius: 6px;
	margin: 10px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
	z-index: 1000;
}

.mds-price-zone-yellow {
	background-color: var(--mds-accessible-warning, #FFFF00);
	color: var(--mds-text-primary, #000);
}

.mds-price-zone-cyan {
	background-color: #00FFFF;
	color: var(--mds-text-primary, #000);
}

.mds-price-zone-magenta {
	background-color: #FF00FF;
	color: var(--mds-card-bg, #ffffff);
}

.mds-price-zone-white {
	background-color: var(--mds-card-bg, #ffffff);
	color: var(--mds-text-primary, #000);
	border: 1px solid var(--mds-border-color, #ccc);
}
/* --- END MDS ADMIN CLASSES --- */

/* Style for block coordinates cell */
.column-block_coords {
    box-sizing: border-box; /* Include padding in width */
    padding-right: 15px; /* Add spacing */
    word-wrap: break-word; /* Legacy */
}

/* Style for the content wrapper inside the block coordinates cell */
.block-coords-wrapper {
    max-width: 150px;
    overflow-x: auto;
    white-space: nowrap;
    word-wrap: break-word; /* Fallback */
}

/* Style for URL and Title columns */
.column-url input[type="text"],
.column-title input[type="text"] {
     width: 95%; /* Make inputs take most of cell width */
     box-sizing: border-box; /* Include padding/border in width */
}
.column-url, .column-title {
    min-width: 150px; /* Give columns minimum width */
}

/* Add some margin to action buttons */
.column-actions form {
    margin: 0 5px 5px 0; /* Adjust margins slightly */
    display: inline-block; /* Keep buttons side-by-side */
}
td.column-image img {
    max-width: 50px;
    max-height: 50px;
    width: auto;
    height: auto;
    display: block; /* Prevents extra space below image */
}

/* Make table full width and handle layout */
table.wp-list-table {
    width: 100%;
    table-layout: fixed;
}

/* Allow long text to wrap in specific columns */
table.wp-list-table .column-url,
table.wp-list-table .column-title,
table.wp-list-table .column-block_coords td /* Target the cell directly for block coords */
{
    word-wrap: break-word;
    overflow-wrap: break-word;
    /* Consider adding max-width if needed */
}

/* Override external max-width for the main content wrapper on this page */
.admin-content {
    max-width: none !important; /* Use !important to ensure override */
}

.nav-tab-wrapper .nav-tab {
    font-size: 14px;
    padding: 10px 20px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.nav-tab-wrapper .nav-tab-active {
    border-bottom-color: #0073aa;
    font-weight: 600;
}
