/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/* ---------- WP DataTables 汽车漆查询样式 ---------- */

/* 基本表格容器 */
.wpdatatables-wrapper {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #222;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(18,24,32,0.06);
  padding: 18px;
  margin-bottom: 24px;
}

/* 顶部全局搜索与筛选区域 */
.paint-search-bar {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.paint-search-bar .big-search {
  flex:1 1 440px;
  min-height:44px;
}
.paint-search-bar input[type="search"],
.paint-search-bar .select-filter {
  height:44px;
  padding:10px 14px;
  border-radius:8px;
  border:1px solid #e6e9ec;
  box-shadow:none;
  font-size:14px;
}

/* 搜索按钮 */
.paint-search-bar .btn-search {
  background:#0b6efd;
  color:#fff;
  padding:10px 18px;
  border-radius:8px;
  border:none;
  cursor:pointer;
}
.paint-search-bar .btn-search:hover { opacity:0.95 }

/* DataTables 行卡片化 */
.wpDataTablesTable tbody tr td {
  vertical-align: middle;
  padding:10px 12px;
  border-bottom:1px solid #f3f5f7;
}

/* 色块列美化（需要列类型为 Color / HEX） */
.wpDataTablesTable td .color-swatch {
  display:inline-block;
  width:34px;
  height:22px;
  border-radius:4px;
  border:1px solid rgba(0,0,0,0.06);
  box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
  vertical-align: middle;
}

/* 图片列缩略图 */
.wpDataTablesTable td img.wpdt-image {
  width:60px;
  height:36px;
  object-fit:cover;
  border-radius:4px;
  border:1px solid #eee;
}

/* 色号突出显示 */
.wpDataTablesTable td.col-colorcode {
  font-weight:700;
  color:#0b6efd;
  font-size:15px;
}

/* “查看配方” 按钮样式 */
.btn-view-formula {
  background:#0b6efd;
  color:#fff;
  padding:8px 12px;
  border-radius:8px;
  font-size:13px;
  border:0;
  cursor:pointer;
}
.btn-view-formula:hover { opacity:0.95 }

/* 响应：窄屏把表头筛选放到顶部 */
@media (max-width:880px){
  .wpdatatables-wrapper { padding:12px }
  .paint-search-bar { gap:8px }
  .wpDataTablesTable td img.wpdt-image { width:48px; height:30px }
}

/* 模态层（配方详情） */
.paint-modal {
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(12,18,25,0.6);
  align-items:center;
  justify-content:center;
  padding:20px;
}
.paint-modal .modal-card {
  background:#fff;
  width:100%;
  max-width:980px;
  border-radius:10px;
  padding:18px;
  box-shadow:0 20px 60px rgba(10,20,40,0.35);
  max-height:90vh;
  overflow:auto;
}
.paint-modal .modal-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.paint-modal .close-modal {
  background:transparent;
  border:0;
  font-size:18px;
  cursor:pointer;
}

/* 配方表格（modal 内） */
.formula-table {
  width:100%;
  border-collapse:collapse;
  margin-top:8px;
}
.formula-table th, .formula-table td {
  padding:8px 10px;
  border-bottom:1px solid #f1f3f5;
  text-align:left;
  font-size:13px;
}
.formula-table th { background:#fafbfc; font-weight:600; }

/* 下载与打印按钮栏 */
.modal-actions {
  display:flex;
  gap:8px;
  margin-top:12px;
}
.modal-actions a {
  display:inline-block;
  padding:8px 12px;
  border-radius:8px;
  text-decoration:none;
  background:#f3f6fb;
  color:#0b6efd;
  border:1px solid rgba(11,110,253,0.08);
}

/* 小提示文字 */
.hint {
  color:#667085;
  font-size:13px;
}